/* INFORMATIONS GENERALES */
*													{margin:0px; padding:0px;}
body												{background-color:#FFFFFF; text-align:left; font-family:Arial, Sans Serif; font-size:12px; font-weight:normal; color:#FFFFFF;}
body a												{color:#9E1636; text-decoration:none;}
body a:hover										{text-decoration:underline;}
body img											{border:0px; text-decoration:none;}
body a img											{border:0px; text-decoration:none;}
body input											{font-size:12px; color:#000000; font-family:Arial, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;}
body textarea										{font-size:12px; color:#000000; font-family:Arial, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;}
.clear												{clear:both;}

/* ALIGNEMENT ET MISE EN FORME DES TEXTES */
.bold												{font-weight:bold;}
.italic												{font-style:italic;}
.souligne											{text-decoration:underline;}
.left												{text-align:left;}
.center												{text-align:center;}
.right												{text-align:right;}
.justify											{text-align:justify;}
.top												{vertical-align:top;}
.middle												{vertical-align:middle;}
.bottom												{vertical-align:bottom;}
.cliquable											{cursor:pointer;}

/* STRUCTURE */
body												{background:url('../i-fond.png') repeat-x top left fixed #FFFFFF;}
.bandeau											{position:relative; width:1000px; height:259px; margin:auto;}
.bandeau h1.logo									{position:absolute; top:12px; left:95px;  width:222px; height:78px;}
.ppl												{position:relative; width:1000px; height:auto; min-height:339px; _height:339px; padding-top:70px; margin:auto; margin-top:5px; background:url('../i-fond_ppl.png') repeat-x top left #FFFFFF;}
.ppl ul.menu										{position:absolute; top:-40px; left:73px; width:854px; height:50px; padding-top:25px; text-align:center; background:url('../i-fond_menu.png') no-repeat top left; list-style:none;}
.ppl ul.menu li.item								{display:inline; font-size:20px; padding:0px 18px; border-left:2px solid #DEDEDE;}
.ppl ul.menu li.item a								{color:#000000;}
.ppl ul.menu li.item a:hover						{text-decoration:none;}
.ppl ul.menu li.first								{border-left:none;}
.ppl ul.menu li.actif a								{color:#9E1636;}
.ppl p												{color:#2D386A;}
.ppl p.txt_page										{position:relative; float:left; width:299px; height:273px; padding:25px 35px; padding-bottom:0px; margin-left:85px; background:url('../i-fond_texte.png') no-repeat top left; font-weight:bold; font-size:15px; line-height:27px; text-align:justify;}
.ppl p.txt_page img.carre							{position:absolute; top:-9px; left:-11px; width:36px; height:35px;}
.ppl .droite										{float:right; width:453px; height:auto; margin-right:85px;}
.ppl .droite img									{margin-bottom:5px;}
.ppl .droite .lie_contact a							{display:block; width:452px; height:48px; padding-top:25px; text-align:center; font-size:18px; font-weight:bold; background:url('../i-pour_en_savoir_plus.jpg') no-repeat top left;}
.ppl .droite .lie_contact a:hover					{text-decoration:none;}
.footer												{width:1000px; height:26px; padding-top:10px; margin:auto; margin-top:5px; background:url('../i-fond_footer.png') repeat-x top left #591117;}
.footer .gauche										{float:left; width:400px; height:auto; padding-left:75px; text-align:left;}
.footer .droite										{float:right; width:400px; height:auto; padding-right:75px; text-align:right;}

/* PAGE ACCUEIL */
.b_index											{background:url('../i-haut_accueil.jpg') no-repeat top left;}
.b_index h2.accroche								{position:absolute; top:108px; right:10px; color:#FFFFFF; font-size:44px; letter-spacing:2px; font-weight:normal;}
.ppl p.txt_acc										{float:left; width:433px; height:113px; padding:25px 35px; padding-bottom:0px; margin-left:70px; background:url('../i-fond_texte_accueil.png') no-repeat top left; font-weight:bold; font-size:15px; line-height:27px; text-align:justify;}
.ppl .maps											{float:right; width:344px; height:138px; margin-right:70px;}
.ppl .liens											{width:846px; height:auto; margin-top:40px; margin-left:75px; color:#909090; padding-bottom:30px;}
.ppl .liens .item									{position:relative; float:left; width:261px; height:248px; margin-left:31px;}
.ppl .liens .item img.picto							{position:absolute; bottom:0px; left:0px; width:260px; height:215px;}
.ppl .liens .item h3								{display:block; position:absolute; top:0px; left:0px; width:260px; height:248px; font-size:22px; line-height:27px; letter-spacing:1.5px;}
.ppl .liens .item h3 a								{display:block; width:260px; height:248px; color:#909090;}
.ppl .liens .item h3 a:hover						{text-decoration:none;}
.ppl .liens .item h3 img							{float:left; vertical-align:top; margin-right:5px; margin-bottom:20px; margin-top:5px;}
.ppl .liens .first									{margin-left:0px;}

/* PAGE DOMICILIATION */
.b_adresse											{background:url('../i-haut_adresse.jpg') no-repeat top left;}
.b_adresse h2.ac_adr								{position:absolute; top:30px; right:48px; color:#FFFFFF; font-size:44px; letter-spacing:2px; font-weight:normal;}

/* PAGE SECRETARIAT */
.b_secretaire										{background:url('../i-haut_secretaire.jpg') no-repeat top left;}
.b_secretaire h2.ac_sec								{position:absolute; top:23px; right:270px; color:#FFFFFF; font-size:44px; letter-spacing:2px; font-weight:normal;}
.ppl p.txt_sec										{line-height:20px;}

/* PAGE PERMANENCE TELEPHONIQUE */
.b_telephone										{background:url('../i-haut_telephone.jpg') no-repeat top left;}
.b_telephone h2.ac_tel								{position:absolute; top:40px; right:8px; color:#FFFFFF; font-size:44px; letter-spacing:2px; font-weight:normal;}
.ppl .droite .lie_tel a								{height:58px; padding-top:15px;}

/* PAGE CONTACT */
.b_contact											{background:url('../i-haut_telephone.jpg') no-repeat top left;}
.b_contact h2.ac_con								{position:absolute; top:40px; right:48px; color:#FFFFFF; font-size:44px; letter-spacing:2px; font-weight:normal;}
.ppl p.txt_cont										{font-size:20px; line-height:18px; text-align:center; padding-top:40px;}
.ppl p.txt_cont span.gris							{color:#878787;}
.ppl p.txt_cont span.addr							{color:#9E1636;}
.form												{width:453px; height:auto; background:url('../i-fond_form_contact.jpg') repeat-x top left; color:#2D386A; font-weight:bold; margin-bottom:5px;}
.form .texte										{padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; font-size:14px; text-align:justify;}
.form .form1										{float:left; height:28px; width:430px;}
.form .form1 .txt									{float:left; width:107px; text-align:right; padding-right:3px; color:#000000;}
.form .form1 .inp									{float:right; width:305px; text-align:left; margin-right:2px;}
.form .form1 .inp input								{width:245px; height:18px;}
.form .form1 .inp input.radio						{width:15px; height:15px; border:none; background:none;}
.form .form2										{float:left; height:73px; width:430px;}
.form .form2 .txt									{float:left; width:107px; text-align:right; padding-right:3px; color:#000000;}
.form .form2 .inp									{float:right; width:305px; text-align:left; margin-right:2px;}
.form .form2 .inp textarea							{width:245px; height:63px;}
.submi input										{width:452px; height:73px; border:0px; margin:0px; padding:0px; text-align:center; font-size:18px; font-weight:bold; background:url('../i-pour_en_savoir_plus.jpg') no-repeat top left; color:#007108;}
.ppl .cnil											{width:826px; margin:auto; color:#999999; font-size:11px; line-height:12px; margin-top:0px; padding-bottom:20px; text-align:justify;}
.ppl .cnil a										{color:#999999; text-decoration:underline;}
.ppl .cnil a:hover									{text-decoration:none;}
#confirmation										{display:none; position:fixed; top:35%; left:35%; width:400px; height:145px; padding-top:55px; z-index:99; color:#000000; font-size:14px; text-align:center; background:url('./i-fond_confirmation.png') no-repeat top left; font-weight:bold; cursor:pointer;}

/* LAYER DU CODE POSTAL */
#adresse											{position:absolute; top:100px; left:350px; width:501px; display:none; z-index:99;}
#adresse .ahaut										{width:400px; height:15px;  background:url('../i-fond_codepostal_haut.png') top left no-repeat; z-index:99; position:relative;}
#adresse .aferme									{position:absolute; top:10px; right:12px; z-index:99;}
#adresse .aferme a									{border:0px; text-decoration:none; z-index:99;}
#adresse .aferme img								{border:0px; z-index:99;}
#adresse .acentre									{width:400px; min-height:50px; height:auto; _height:50px; padding:0px; padding-left:25px; color:#000000; font-size:12px; background:url('./i-fond_codepostal_centre.png') top left repeat-y; z-index:99;}
#adresse .acentre a									{color:#000000; text-decoration:underline; z-index:99;}
#adresse .acentre a:hover							{text-decoration:none; z-index:99;}
#adresse .abas										{width:400px; height:15px;  background:url('../i-fond_codepostal_bas.png') top left no-repeat; z-index:99;}

/* LAYER DE CHARGEMENT */
#loading 											{display:none; z-index:98; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#chargement											{display:none; z-index:99; position:fixed; top:10px; right:10px; width:250px; height:40px; background-color:#FFFFFF; text-align:center; border:3px solid #969696; padding-top:7px; font-size:18px; font-weight:normal; color:#848484;}
#chargement img										{border:0px; vertical-align:middle;}
#google_maps										{display:none; z-index:99; position:fixed; top:100px; left:30%; width:425px; height:350px;}

/* TAGS D'ACCENTUATION DU REFERENCEMENT */
#tags												{width:986px; height:32px; margin:auto; padding:1px 5px; margin-top:5px; border:2px solid #AAAAAA; background:#EEEEEE; color:#BBBBBB; overflow:auto; overflow-x:hidden; overflow-y:hidden; text-align:justify;}
#tags h3.tag3										{display:inline; font-weight:bold; font-size:12px;}
#tags h4.tag4										{display:inline; font-weight:bold; font-size:10px;}
#tags h5.tag5										{display:inline; font-weight:normal; font-size:12px;}
#tags h6.tag6										{display:inline; font-weight:bold; font-size:8px;}
#tags a												{color:#BBBBBB;}

/* COPYRIGHT */
.copyright											{width:1000px; margin:auto; text-align:right; color:#111111; font-size:10px; font-family:Verdana, Sans Serif; padding-top:10px; padding-bottom:5px; font-weight:bold;}
.copyright a										{color:#111111; text-decoration:underline;}
.copyright a:hover									{text-decoration:none;}
