body{font-family: Arial,"Trebuchet MS", Helvetica, sans-serif; font-size:12px; color:#414141;}
.site{ width:980px; margin:auto; border:1px solid #989393; border-top:0px; background:url(../inscription_img/bg_corps.jpg) repeat-x 0 130px #e4e1e1;}
.both{clear:both;}
.corps{ width : 737px; text-align : justify; float:left; padding:15px 30px 15px 15px;}

/*--------- HEADER ----------*/
.header{ width:980px; height:130px; background:url(../inscription_img/bg_header.jpg) no-repeat;}
.header .index{ display:block; width:590px; height:120px; float:left;}
.header .news{ display:block; background:url(../inscription_img/sympathisant.png) no-repeat top; width:298px; height:91px; float:left; margin:16px 0 0 80px;}
.header .news:hover{background:url(../inscription_img/sympathisant.png) no-repeat 0 -91px;}
/*--------- FIN HEADER ----------*/


/*----------- DEBUT MENU ----------*/
.menu{ padding:5px 0 20px 0; width:198px; float:left;}
.menu li ul{ display : none;}
.menu li{ min-height: 37px; width:190px; margin-bottom:3px; color:#FFFFFF; font-size:18px; font-weight:bold; padding:0 0 0 8px; cursor:pointer;}
.menu li a{color:#FFFFFF; text-decoration:none; display:block; height:29px; padding-top:8px;}
.menu ul li ul{ margin:14px 0 0 -8px;}
.menu ul li ul li{ padding-left:17px; width:181px;}

.menu ul.bleu li{ background:url(../inscription_img/menu_bleu.png) no-repeat;}
.menu ul.bleu li:hover{ background:url(../inscription_img/menu_bleu.png) 0 -37px no-repeat;}
.menu ul.bleu li.plus{ background:url(../inscription_img/menu_bleu_plus.png) no-repeat;min-height:29px; padding-top:8px;}
.menu ul.bleu li.plus:hover{ background:url(../inscription_img/menu_bleu_plus.png) 0 -37px no-repeat;}
.menu ul.bleu li.plus.active{ background:url(../inscription_img/menu_bleu_plus.png) 0 -37px no-repeat;}
.menu ul.bleu li ul li{ background:url(../inscription_img/menu_bleu_ss.png) no-repeat;}
.menu ul.bleu li ul li:hover{ background:url(../inscription_img/menu_bleu_ss.png) 0 -37px no-repeat;}

.menu ul.vert li{ background:url(../inscription_img/menu_vert.png) no-repeat;}
.menu ul.vert li:hover{ background:url(../inscription_img/menu_vert.png) 0 -37px no-repeat;}
.menu ul.vert li.plus{ background:url(../inscription_img/menu_vert_plus.png) no-repeat; min-height:29px; padding-top:8px;}
.menu ul.vert li.plus:hover{ background:url(../inscription_img/menu_vert_plus.png) 0 -37px no-repeat;}
.menu ul.vert li.plus.active{ background:url(../inscription_img/menu_vert_plus.png) 0 -37px no-repeat;}
.menu ul.vert li ul li{ background:url(../inscription_img/menu_vert_ss.png) no-repeat;}
.menu ul.vert li ul li:hover{ background:url(../inscription_img/menu_vert_ss.png) 0 -37px no-repeat;}

.menu ul.rouge li{ background:url(../inscription_img/menu_rouge.png) no-repeat;}
.menu ul.rouge li:hover{ background:url(../inscription_img/menu_rouge.png) 0 -37px no-repeat;}
/*--------- FIN MENU -----------*/

/*----------- SOMMAIRE -------------*/
.sommaire{ /*border-top:1px solid #2eaadc;*/ padding-top:20px; padding-left:13px;}
.sommaire ul{ list-style-type: disc;color:#8a8a8a; float:left; margin:0 40px 45px 0; width:670px;}
.sommaire ul li{ margin-bottom:5px; position:relative;}
.sommaire a{color:#353535; text-decoration:underline; font-weight:bold;}
.sommaire a:hover{color:#545454;}
.sommaire p{ width:440px; float:left; margin:25px 10px 0 0; font-weight:bold;}
.sommaire .pdf{ display:block; background:url(../inscription_img/pdf.png); width:257px; height:72px; float:left; margin-left:10px;}


.sommaire ul li div{ position:absolute; background-color:#FFFFFF; color:#666; padding:5px; top:-30px; right:0; display:none; border:double #666; float:right; width:370px;}
.sommaire ul li div p{width:355px; margin:0px; padding-left:15px; background:url(../img/fleche.jpg) no-repeat left 3px;}
/*----------- FIN SOMMAIRE -------------*/


/*----------- BLOC CENTRAL - CONTENU -------------*/
.haut{ background : url(/img/haut.png) no-repeat; height:20px;}
.milieu{background : url(/img/milieu.png) repeat-y; padding-left:19px;}
.bas{background : url(/img/bas.png) no-repeat; height:20px;}

.contenu{ padding-top:15px;width:690px; }
h1{ font-weight:bold; font-size:18px; color:#85a417; background:url(../inscription_img/h1.png) no-repeat bottom left; padding-left:16px; margin-bottom:30px;}
h2{ font-weight:bold; font-size:15px; color:#1278b9; background:url(../inscription_img/h2.png) no-repeat 0px 2px; padding-left:21px; margin:25px 0 30px 32px;}
.contenu p{ margin-bottom:15px; line-height: normal;}
/*.contenu img{border:3px solid #2eaadc;}*/
.contenu a, .contenu a u b{ color:#137BBB; font-weight:bold;}
.contenu a:hover, .contenu a:hover u b{ color:#2EAADC;}
.bgaume{ margin:-85px 0 15px 15px; float:right;}
/*----------- FIN BLOC CENTRAL - CONTENU -------------*/


/*----------- AJOUT 2016 ALEXIA -------------*/
.contenu .milieu table tr td p{
    text-align: justify;
    max-width: 650px;
}
.contenu .milieu table tr td p a{
    max-width: 650px;
}


/*----------- COLORBOX -----------------*/
.portrait{ width:800px;height:330px; background:url(../inscription_img/bg_corps.jpg) repeat-x #e4e1e1; padding:50px;}
.portrait p{ line-height: normal;}
.portrait img{ float:left; margin-right:15px;border:3px solid #2eaadc;}
.portrait span{ font-weight:bold;}
/*----------- FIN COLORBOX -------------*/

/*------------ ESPACE PRESSE ------------*/
.date{ font-weight:bold; width: 130px; display:block; float:left;}
.journal{ display:block; float:left; width:150px;}
/*------------ FIN ESPACE PRESSE ------------*/

/*------------ FORMULAIRES ------------*/
form{ width:500px; margin-left:100px;}
.form_item{ padding:8px; margin-top:5px; background-color: #91d0e9;}
.form_item:hover{ background-color:#bde4f4;}
.form_item label{ width:210px; display:block; text-align:left; float:left; padding-top:3px;}
.form_item span{ color:#F00; font-weight:bold; font-size:16px;}
.form_item input[type=text]{ width:265px;}
.cp_ville label{ width:80px;}
.cp_ville input[type=text]{ width:100px;}
#cp{ float:left;}
.form_item label.ville{ padding-left:20px; width:40px;}
#ville{ width:229px;}
.etoile{ color:#F00; font-weight:bold; padding:5px 0 5px 0; width:500px;}
.prenom_nom label{ width:60px;}
.prenom_nom input[type=text]{ width:169px;}
#prenom{ float:left;}
.form_item label.nom{ padding-left:20px; width:40px;}
#nom{ width:180px;}
.form_item textarea{ width:265px; height:100px;}
.genre label{ width:100px; height:30px;}
.genre div{ display:block;}
input[type=submit]{ width:484px; margin:0px; padding:0px;}
.mess{ font-weight:bold; font-size:15px; color:#1278b9; text-align:center;}
.err{ font-weight:bold; font-size:15px; color:#C90A0A; text-align:center;}
/*------------ FIN FORMULAIRES ------------*/

/*-------------- FOOTER ----------------*/
.creaweb{ width:980px; margin:auto; text-align:right; font-size:11px; padding-top:5px;}
.creaweb a{ color: #999; text-decoration:underline;}
.creaweb a:hover{ color:#666;}
/*-------------- FIN FOOTER ----------------*/

/*------------ ADMIN ---------------*/
.admin label{ width:140px; display:block; float:left;}
.admin input{ width:500px; margin-bottom:10px;}
.sympa{font-weight:bold; color:#1279BA; font-size:14px;}
/*------------ FIN ADMIN ---------------*/


/*------------ FORMULAIRE DE RECHERCHE --------------*/
.recherche{ margin:0px; width:350px; height:22px;}
.recherche input[type=text]{ border:none; background:url(../img/input_search.png) no-repeat; padding:0px; height:22px; padding:0 0 0 10px; width:300px; float:left; color:#999;}
.recherche input[type=submit]{ border:none; background:url(../img/image_search.png) no-repeat top right; padding:0px; height:22px; width:40px; padding:0; display:block; float:left; border:none;}
ol{ color:#137BBB; font-weight:bold; margin-left:50px;}
ol li{ margin:0 0 5px 0;}
/*------------ FIN FORMULAIRE DE RECHERCHE --------------*/