@charset "utf-8";
html, body, div, dl, dd, dt, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td {margin:0em; padding:0em; border:none; color: #5a6673;}
dl, dt, dd, ul, li {list-style-type: none;}

p {font-size:0.8em;}
a {color:#3853a4;}
a:hover {text-decoration:none;}
.right{float:right;}
.left{float:left;}
.rouge {color:#990000;}

body {font: 100% Verdana, Arial, Helvetica, sans-serif; background: #efefe7; text-align: center; background-image:url(../images/bg.gif); background-color:#3853a4; background-repeat:repeat-x;}
#contenu {width: 998px; margin: 10px auto; text-align: left; position:relative; background-color:#fff; padding-bottom:10px; margin-bottom:10px;}

.ie {position:relative; margin:0 auto; top:25px; width:500px; border:#CC3300 1px solid; z-index:100; font-size:1.2em; padding:10px; background:#FFCC99; color:#000;}

#contenu .header {width:996px; height:178px; background-image:url(../images/bg_header.gif); margin:10px auto;}
#contenu .header .logo {margin:9px 15px; float:left;}
#contenu .header h1 {position:absolute; left:-9999px;}
#contenu .header .banner {float:left; position:absolute; top:15px; left:290px;}
#contenu .header .aefe {position:relative; left:585px; top:20px;}

#contenu .crumbtrail {margin:0 0 10px 15px;}

#contenu .audio {position:relative; margin:10px;}
#contenu .audio h3 {font-weight:bold; font-size:0.8em;}
#contenu .audio p {display:inline;}
#contenu .audio .lecteur {margin:0 10px; position:relative; top:5px;}

#contenu .background {width:978px; height:621px; background-image:url(../images/bg_carte.gif); margin:0 auto; margin-top:50px;}

#contenu .bloc_gauche {width:484px; height:604px; float:left; background-image:url(../images/bg_gauche.png); padding-top:20px; background-repeat:no-repeat; text-align:center;}
#contenu .bloc_gauche h2 {text-transform:capitalize; color:#3853a4; margin:0 0 10px 0; font-size:1.1em; font-weight:bold;}
#contenu .bloc_gauche h3 {color:#3853a4; font-size:0.8em; font-weight:bold; margin:0 15px;}
#contenu .bloc_gauche #dd-demo-1 {width:188px; height:208px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:25px; left:250px; cursor:move;}
#contenu .bloc_gauche #dd-demo-1 a {display:block; width:188px; height:188px; margin:0 auto; background-image:url(../images/bloc1.png); background-repeat:no-repeat;}
#contenu .bloc_gauche #dd-demo-1 a:hover { background-image:url(../images/bloc1.png); background-position:0 -188px;}
#contenu .bloc_gauche #dd-demo-2 {width:194px; height:214px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:-200px; left:25px; cursor:move;}
#contenu .bloc_gauche #dd-demo-2 a {display:block; width:194px; height:194px; margin:0 auto; background-image:url(../images/bloc2.png); background-repeat:no-repeat;}
#contenu .bloc_gauche #dd-demo-2 a:hover {background-image:url(../images/bloc2.png); background-position:0 -194px;}
#contenu .bloc_gauche #dd-demo-3 {width:218px; height:238px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:-165px; left:25px; cursor:move;}
#contenu .bloc_gauche #dd-demo-3 a {display:block; width:218px; height:218px; margin:0 auto; background-image:url(../images/bloc3.png); background-repeat:no-repeat;}
#contenu .bloc_gauche #dd-demo-3 a:hover {background-image:url(../images/bloc3.png); background-position:0 -218px;}
#contenu .bloc_gauche #dd-demo-10 {width:195px; height:214px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:-400px; left:250px; cursor:move;}
#contenu .bloc_gauche #dd-demo-10 a {display:block; width:195px; height:194px; margin:0 auto; background-image:url(../images/bloc10.png); background-repeat:no-repeat;}
#contenu .bloc_gauche #dd-demo-10 a:hover {background-image:url(../images/bloc10.png); background-position:0 -193px;}


#contenu .bloc_droite {width:479px; height:604px; background-image:url(../images/bg_droite.png); margin-left:499px; padding-top:20px; background-repeat:no-repeat; text-align:center;}
#contenu .bloc_droite h2 {text-transform:capitalize; color:#a43838; margin:0 0 10px 0; font-size:1.1em; font-weight:bold;}
#contenu .bloc_droite h3 {color:#a43838; font-size:0.8em; font-weight:bold; margin:0 15px;}
#contenu .bloc_droite #dd-demo-4 {width:216px; height:238px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:25px; left:250px; cursor:move;}
#contenu .bloc_droite #dd-demo-4 a {display:block; width:216px; height:218px; margin:0 auto; background-image:url(../images/bloc4.png); background-repeat:no-repeat;}
#contenu .bloc_droite #dd-demo-4 a:hover {background-image:url(../images/bloc4.png); background-position:0 -218px;}
#contenu .bloc_droite #dd-demo-5 {width:192px; height:212px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:-200px; left:25px; cursor:move;}
#contenu .bloc_droite #dd-demo-5 a {display:block; width:192px; height:192px; margin:0 auto; background-image:url(../images/bloc5.png); background-repeat:no-repeat;}
#contenu .bloc_droite #dd-demo-5 a:hover { background-image:url(../images/bloc5.png); background-position:0 -192px;}
#contenu .bloc_droite #dd-demo-6 {width:195px; height:214px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:-165px; left:250px; cursor:move;}
#contenu .bloc_droite #dd-demo-6 a {display:block; width:195px; height:194px; margin:0 auto; background-image:url(../images/bloc6.png); background-repeat:no-repeat;}
#contenu .bloc_droite #dd-demo-6 a:hover {background-image:url(../images/bloc6.png); background-position:0 -193px;}
#contenu .bloc_droite #dd-demo-7 {width:195px; height:214px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:275px; left:25px; cursor:move;}
#contenu .bloc_droite #dd-demo-7 a {display:block; width:195px; height:194px; margin:0 auto; background-image:url(../images/bloc7.png); background-repeat:no-repeat;}
#contenu .bloc_droite #dd-demo-7 a:hover {background-image:url(../images/bloc7.png); background-position:0 -193px;}
#contenu .bloc_droite #dd-demo-8 {width:192px; height:212px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:-200px; left:250px; cursor:move;}
#contenu .bloc_droite #dd-demo-8 a {display:block; width:192px; height:192px; margin:0 auto; background-image:url(../images/bloc8.png); background-repeat:no-repeat;}
#contenu .bloc_droite #dd-demo-8 a:hover { background-image:url(../images/bloc8.png); background-position:0 -192px;}
#contenu .bloc_droite #dd-demo-9 {width:195px; height:214px; background-image:url(../images/deplacez-moi.png); background-repeat:no-repeat; background-position:left bottom; position:relative; top:-260px; left:250px; cursor:move;}
#contenu .bloc_droite #dd-demo-9 a {display:block; width:195px; height:194px; margin:0 auto; background-image:url(../images/bloc9.png); background-repeat:no-repeat;}
#contenu .bloc_droite #dd-demo-9 a:hover {background-image:url(../images/bloc9.png); background-position:0 -193px;}

#contenu .footer {width:988px; height:200px; background-image:url(../images/bg_footer.gif); margin:0 auto; clear:both; text-align:center;}
#contenu .footer .bloc {width:304px; height:84px; float:left; border:1px dashed #3853a4; margin:20px 10px 10px 10px; text-align:center;}
#contenu .footer .bloc h4, #contenu .footer2 .bloc h4 {color:#3853a4; margin:5px 0; font-size:1em; font-weight:bold;}
#contenu .footer a.partenaires {background-image:url(../images/partenaires.gif); background-repeat:no-repeat; display:block; width:201px; height:66px; margin:0 auto; position:relative; top:110px;}
#contenu .footer a:hover.partenaires {background-position:0 -66px;}
#contenu .footer a.partenaires span {position:absolute; left:-9999px;}
#contenu .footer a.mentions {position:relative; top:60px;}

#contenu .footer2 {width:988px; height:345px; background-image:url(../images/bg_footer2.gif); margin:0 auto; clear:both; text-align:center; padding-top:10px;}
#contenu .footer2 .menu {width:800px; margin:0 auto;}
#contenu .footer2 .menu a.bloc1 {background-image:url(../images/bloc1_petit.png); width:100px; height:100px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc1:hover {background-position:0 100px;}
#contenu .footer2 .menu a.bloc2 {background-image:url(../images/bloc2_petit.png); width:100px; height:100px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc2:hover {background-position:0 100px;}
#contenu .footer2 .menu a.bloc3 {background-image:url(../images/bloc3_petit.png); width:105px; height:105px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc3:hover {background-position:0 105px;}
#contenu .footer2 .menu a.bloc4 {background-image:url(../images/bloc4_petit.png); width:105px; height:105px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc4:hover {background-position:0 105px;}
#contenu .footer2 .menu a.bloc5 {background-image:url(../images/bloc5_petit.png); width:100px; height:100px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc5:hover {background-position:0 100px;}
#contenu .footer2 .menu a.bloc6 {background-image:url(../images/bloc6_petit.png); width:100px; height:100px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc6:hover {background-position:0 100px;}
#contenu .footer2 .menu a.bloc7 {background-image:url(../images/bloc7_petit.png); width:100px; height:100px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc7:hover {background-position:0 100px;}
#contenu .footer2 .menu a.bloc8 {background-image:url(../images/bloc8_petit.png); width:100px; height:100px; display:block; margin:10px 20px; float:left;}
#contenu .footer2 .menu a.bloc8:hover {background-position:0 100px;}
#contenu .footer2 .bloc {width:304px; height:84px; float:left; border:1px dashed #3853a4; margin:10px; text-align:center;}
#contenu .footer2 a.partenaires {background-image:url(../images/partenaires.gif); background-repeat:no-repeat; display:block; width:201px; height:66px; margin:0 auto; position:relative; top:105px;}
#contenu .footer2 a:hover.partenaires {background-position:0 -66px;}
#contenu .footer2 a.partenaires span {position:absolute; left:-9999px;}
#contenu .footer2 a.mentions {position:relative; top:70px;}

#contenu .formulaire {background-color:#88b7d7; margin:0 10px; border:1px solid #3853a4; background-position:bottom right; background-image:url(../images/carte_formulaire.gif); padding:5px; font-size:0.8em; background-repeat:no-repeat;}
#contenu .formulaire h2 {color:#fff; margin:15px 0 0 25px; font-size:1.3em;}
#contenu .formulaire p {color:#fff; font-size:1em;}
#contenu .formulaire a {color:#fff;}
#contenu .formulaire .bloc_gauche {height:auto; background:none; margin:0; padding:0; text-align:left;}
#contenu .formulaire .bloc_droite {margin-left:475px; height:auto; float:inherit; background:none; padding:0; text-align:left;}
#contenu .formulaire fieldset {margin: 15px 0; width:450px; border:1px solid #fff;}
#contenu .formulaire fieldset legend {padding:5px 15px 0 15px; margin-left:10px; font-weight:bold; color:#fff; font-size:1.2em;}
#contenu .formulaire fieldset .partie_form {margin: 15px 0;}
#contenu .formulaire fieldset .partie_form .libelle {background-color:#beebfc; height:30px; width:215px; border:2px solid #4d94c3; display:block; line-height:30px; padding-left:5px; margin:2px 5px; float:left; font-weight:bold;}
#contenu .formulaire fieldset .partie_form .obligatoire {background-image:url(../images/obligatoire.gif); background-repeat:no-repeat; background-position:right;}
#contenu .formulaire fieldset .partie_form .description {color:#fff; width:215px; display:block; margin:2px 5px; float:left; text-align:right;}
#contenu .formulaire .description_champ {color:#fff; margin:2px 5px;}
#contenu .formulaire .description_champ2 {display:block; margin:10px 4px;}
#contenu .formulaire .description_champ2 span {padding:0 12px; color:#fff;}
#contenu .formulaire .description_champ3 {color:#fff; margin:2px 5px; background-image:url(../images/obligatoire_legende.gif); background-repeat:no-repeat; background-position:5px 0px; padding-left:20px;}
#contenu .formulaire .description_champ4 {color:#fff; margin:2px 5px;}
#contenu .formulaire p.accept {color:#fff; margin:2px 5px; font-size:1em;}
#contenu .formulaire fieldset .partie_form input {background-color:#FFFFFF; border:2px solid #c5c5c5; height:23px; width:190px; line-height:30px; padding:7px 5px 0 5px; margin:2px 0; position:relative;}
#contenu .formulaire fieldset .partie_form input.checkbox {height:auto; width:auto; line-height:normal; padding:0; margin:2px 5px;}
#contenu .formulaire fieldset .partie_form textarea {background-color:#FFFFFF; border:2px solid #c5c5c5; padding:7px 5px 0 5px; margin:2px 0; width:190px;}
#contenu .formulaire fieldset .partie_form select {background-color:#FFFFFF; border:2px solid #c5c5c5; padding:6px 5px 5px 5px; margin:2px 0; width:203px;}
#contenu .formulaire .submit {width:950px; margin:0 auto; padding-right:10px; text-align:right;}
#contenu .formulaire .submit input {width:200px; height:35px; background-color:#fff; border:1px solid #5a6673; color:#5a6673; font-weight:bold; margin-bottom:15px;}
#contenu .formulaire .soumettre {width:200px; height:35px; background-color:#fff; border:1px solid #5a6673; color:#5a6673; font-weight:bold; margin-bottom:15px; margin-left:5px;}

#contenu .formulaire .erreur {background-color:#e0d7d6; width:412px; margin:10px 0 0 5px; display:block; padding:10px; color:#c84a3a; font-weight:bold;}

#contenu .formulaire .etape h3 {margin:30px 0 10px 10px; color:#fff; font-size:1.2em;}
#contenu .formulaire .etape p {margin:2px 0 2px 10px; color:#fff; font-size:1em;}
#contenu .formulaire .etape p span {color:#9d2525; font-weight:bold;}

#contenu .inscription {width:245px; float:right; border:1px solid #9ba9d1; margin:10px; background-color:#b7d2ff; background-image:url(../images/bg_inscription.gif); clear:right;}
#contenu .inscription h3 {color:#5a6673; font-size:1em; font-weight:bold; padding:10px 5px;}
#contenu .inscription .erreur {background-color:#e0d7d6; margin:0 5px; display:block; padding:10px; color:#c84a3a; font-weight:bold; font-size:0.8em;}
#contenu .inscription input {background-color:#FFFFFF; border:2px solid #c5c5c5; height:23px; width:190px; line-height:30px; padding:7px 5px 0 5px; margin:2px 20px;}
#contenu .inscription .submit {width:100px; padding:5px; height:30px; background-color:#fff; border:1px solid #5a6673; color:#5a6673; font-weight:bold; margin:10px 0 15px 120px;}

#contenu .annuaire {width:652px; margin:20px 0 10px 10px; padding:0; background-image:url(../images/bg_annuaire.gif); background-repeat:repeat-y;}
#contenu .annuaire .top {width:652px; background-image:url(../images/bg_top_annuaire.gif); height:97px;}
#contenu .annuaire .top h2 {font-size:1.2em; padding:15px 0 15px 25px;}
#contenu .annuaire .top p {padding:10px;}
#contenu .annuaire fieldset {float:left; width:600px; margin:0 0 10px 25px; font-size:0.8em; border:1px dashed #5a6673; position:relative; top:-25px;}
#contenu .annuaire fieldset legend {padding:0 10px; margin-left:10px;}
#contenu .annuaire fieldset ul {margin:0; padding:0;}
#contenu .annuaire fieldset ul li {margin:5px 0;}
#contenu .annuaire fieldset ul li .libelle {display:block; float:left; width:125px; text-align:right; font-weight:normal; margin:0;}
#contenu .annuaire fieldset ul li .donnee {display:block; margin:0; margin-left:150px; padding-right:10px; padding:0;}
#contenu .annuaire fieldset ul li .rouge {color:#c84a3a;}

/*#contenu .annuaire .partie_form {margin: 15px; width:450px;}
#contenu .annuaire .partie_form input {background-color:#FFFFFF; border:2px solid #c5c5c5; height:23px; width:190px; line-height:30px; padding:7px 5px 0 5px; margin:2px 0;}
#contenu .annuaire .submit {width:100px; background-color:#fff; border:1px solid #5a6673; color:#5a6673; font-weight:bold; margin-left:500px; padding:10px 0; position:relative; top:-75px;}*/

#contenu .annuaire h3 {font-size:1em; margin-left:25px; margin-top:10px;}
#contenu .annuaire table {width:620px; margin:10px auto; border:1px solid #d1d1d1; background-color:#fff; font-size:0.8em;}
#contenu .annuaire table th {font-size:1.2em; border-bottom:1px solid #d1d1d1; padding:5px; background-color:#eee;}
#contenu .annuaire table td {border-bottom:1px solid #d1d1d1; padding:0 5px;}
#contenu .annuaire table td a {background-color:#b8c6ef; display:block; text-decoration:none; color:#5a6673; min-height:40px; padding:5px; font-weight:bold; margin-left:-5px;}
#contenu .annuaire table td a:hover {background-color:#c84a3a; color:#fff;}
#contenu .annuaire .footer {width:652px; background-image:url(../images/bg_footer_annuaire.gif); height:48px; clear:inherit;}
#contenu .annuaire .footer a {display:block; width:250px; margin:0 auto; background-color:#2853ce; padding:15px; position:relative; top:-20px; color:#fff; text-decoration:none; border:1px solid #2853ce;}
#contenu .annuaire .footer a:hover {background-color:#fff; color:#2853ce;}

#contenu .etablissement {width:300px; float:right; margin:10px; clear:right; background-image:url(../images/bg_etablissement.gif); background-repeat:repeat-y;}
#contenu .etablissement .top {width:300px; background-image:url(../images/bg_top_etablissement.gif); height:97px;}
#contenu .etablissement .top h3 {font-size:1em; padding:25px 10px 15px 25px;}
#contenu .etablissement fieldset {width:280px; margin:0 10px; font-size:0.8em; position:relative; top:-25px;}
#contenu .etablissement fieldset ul {margin:0; padding:0;}
#contenu .etablissement fieldset ul li {margin:5px 0;}
#contenu .etablissement fieldset ul li .libelle {display:block; float:left; width:100px; text-align:right; font-weight:normal; margin:0;}
#contenu .etablissement fieldset ul li .donnee {display:block; margin-left:125px; padding-right:10px;}
#contenu .etablissement fieldset ul li .rouge {color:#c84a3a;}
#contenu .etablissement .footer {width:300px; background-image:url(../images/bg_footer_etablissement.gif); height:48px; clear:inherit;}


#contenu .contenu_principal {margin:10px 15px;}
#contenu .contenu_principal h2 {font-size:1.2em; padding:15px 0 10px 0;}
#contenu .contenu_principal p {padding:2px 0;}
#contenu .contenu_principal h3 {font-size:1em; padding:15px 0 10px 0;}
#contenu .contenu_principal h4 {font-size:0.8em; padding:20px 0 5px 0;}
#contenu .contenu_principal ul {margin:5px 0 5px 25px; padding:0; font-size:0.8em;}
#contenu .contenu_principal ul li {list-style-type:disc; margin:2px 0;}
#contenu .contenu_principal ul ul {font-size:1em;}
#contenu .contenu_principal ul ul li {list-style-type:circle;}
#contenu .contenu_principal ul.liste_titre {font-size:1em; font-weight:bold; margin-left:25px; padding:0;}
#contenu .contenu_principal ul.liste_titre li {list-style-type:disc; margin:15px 0;}
#contenu .contenu_principal ul p, #contenu .contenu_principal ul ul {font-weight:normal;}
#contenu .contenu_principal ul.liste_titre ul {font-size:0.8em; margin:5px 0;}
#contenu .contenu_principal ul.liste_titre ul li {list-style-type:circle; margin:2px 0;}
#contenu .contenu_principal table {font-size:0.8em; border:1px solid #004489; width:90%; margin:15px auto;}
#contenu .contenu_principal table th {background-color:#4566a1; padding:5px 15px; color:#fff; text-align:center;}
#contenu .contenu_principal table .bleu td{color:#004489; font-weight:bold; border:0;}
#contenu .contenu_principal table .rouge td{color:#a80d19; font-weight:bold; border:0;}
#contenu .contenu_principal table .sans_border td{border:0;}
#contenu .contenu_principal table td {padding:5px 15px; border-top:1px solid #004489; margin:0;}
#contenu .contenu_principal cite {font-size:0.8em;}
#contenu .contenu_principal .carre_invitations {float:left; width:400px; background-image:url(../images/bg_invitations.gif); background-repeat:repeat; border:1px solid #88b7d7; padding:15px; margin:15px 15px 15px 0;}
#contenu .contenu_principal .carre_invitations h3 {padding:0 0 5px 0;}
#contenu .contenu_principal .carre_invitations h4 {padding:5px 0 15px 0;}
#contenu .contenu_principal .carre_invitations ul li {margin:10px 0;}
/*#contenu .contenu_principal .carre_invitations a {width:319px; height:60px; background-image:url(../images/bouton_invitations.gif); background-repeat:no-repeat; display:block; margin:15px auto;}
#contenu .contenu_principal .carre_invitations a:hover {background-position:0 -60px;}*/
#contenu .contenu_principal .carre_invitations a span {position:absolute; left:-9999px;}
#contenu .contenu_principal .carre_invitations .reserve {width:317px; margin:15px auto; border:1px solid #d2d2d2; padding:15px; background-color:#fff; background-image:url(../images/bouton_invitations2.gif); background-repeat:no-repeat; padding-top:30px;}
#contenu .contenu_principal .carre_invitations .reserve p {margin:0 0 0 75px; margin-right:10px; font-weight:bold;}
#contenu .contenu_principal .carre_invitations .reserve span {font-weight:bold; font-size:0.8em;}
#contenu .contenu_principal .carre_invitations .reserve span.erreur {background-color:#e0d7d6; margin:0 5px; display:block; padding:10px; color:#c84a3a; font-weight:bold; font-size:1em; position:inherit; left:inherit;}
#contenu .contenu_principal .carre_invitations .reserve input {background-color:#FFFFFF; border:2px solid #c5c5c5; height:23px; width:190px; line-height:30px; padding:7px 5px 0 5px; margin:2px 20px;}
#contenu .contenu_principal .carre_invitations .reserve .submit {width:100px; padding:5px; height:30px; background-color:#fff; border:1px solid #5a6673; color:#5a6673; font-weight:bold; margin:10px 0 15px 120px;}
#contenu .contenu_principal .carre_invitations a.no_image {width:auto; height:auto; background-image:none; display:inline; margin:0;}


#contenu .contenu_principal .renseignements {background-image:url(../images/bg_renseignements.gif); background-repeat:repeat; border:1px solid #d78888; padding:15px; margin:15px 15px 15px 450px;}
#contenu .contenu_principal .renseignements p{font-weight:bold;}
#contenu .contenu_principal .attention {float:left; width:125px; height:98px; background-image:url(../images/attention.png); background-repeat:no-repeat;}

#contenu .contenu_principal a.liens_partenaires {margin:5px 90px; border-bottom:5px solid #fff; display:block; float:left; height:100px;}
#contenu .contenu_principal a:hover.liens_partenaires {border-bottom:5px solid #c42026;}

#contenu .association {width:950px; margin:0 auto;}
#contenu .association h2 {font-size:1.2em;}
/*#contenu .contenu_principal p.intro {font-weight:bold;}
#contenu .contenu_principal .reference {background-color:#d2d9ec; border:#8ea8ed 1px dashed; width:300px; float:right; padding:10px; margin:15px;}
#contenu .contenu_principal .reference h4 {font-size:1em; padding:5px 0 10px 0;}
#contenu .contenu_principal .reference h5 {padding:0 0 20px 0;}
#contenu .contenu_principal .reference p {font-size:0.8em; width:150px;}
#contenu .contenu_principal .reference img {float:right;}*/

#contenu .contenu_principal a.ateliers {background-image:url(../images/apres_foma_ateliers.png); background-repeat:no-repeat; width:398px; height:335px; display:block;}
#contenu .contenu_principal a:hover.ateliers { background-position: 0 -335px;}
#contenu .contenu_principal a.ateliers span {display:none;}
#contenu .contenu_principal .telechargement {background-image:url(../images/apres_foma_telechargement.png); background-repeat:no-repeat; width:398px; height:335px; display:block;}
#contenu .contenu_principal .telechargement form {padding:80px 0 0 100px;}
#contenu .contenu_principal .telechargement form input {margin:2px 0;}
#contenu .contenu_principal a.parcours_croises {background-image:url(../images/apres_foma_parcours_croises.png); background-repeat:no-repeat; width:398px; height:335px; display:block;}
#contenu .contenu_principal a:hover.parcours_croises { background-position: 0 -335px;}
#contenu .contenu_principal a.parcours_croises span {display:none;}
#contenu .contenu_principal a.echos {background-image:url(../images/apres_foma_echos.png); background-repeat:no-repeat; width:398px; height:335px; display:block;}
#contenu .contenu_principal a:hover.echos { background-position: 0 -335px;}
#contenu .contenu_principal a.echos span {display:none;}
#contenu .contenu_principal .video {float:right; margin:15px 25px 0 0;}

#gallery {width:925px; margin-top:10px; height:475px;}
.titre {background-image:url(../images/telechargement_chapitre.png); background-repeat:no-repeat; width:913px; height:63px; font-size:1.1em; padding:18px;}
.titre .chapitre {color:#fff; font-weight:bold;}
#gallery ul {list-style:none; padding:0; margin:0; width:295px; position:relative; float:right; top:-30px;}
#gallery ul li {display:inline; width:51px; height:51px; float:left; margin:0 0 5px 5px; padding:0 2px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #555;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0; padding:0; margin:0; }
#gallery ul li a span {position:absolute; left:-9999px;}
#gallery ul li a:hover {white-space:normal; border-color:#555; background-image:url(../images/bg_hover_photos_article.gif); background-repeat:no-repeat;}
#gallery ul li a:hover img {position:absolute; right:315px; top:0; width:auto; height:auto; border:1px solid #555;}
.telecharger_rar a {text-decoration:none; font-size:1.5em; font-weight:bold;}
.telecharger_rar a img {float:left;}
.telecharger_rar a span {display:block; margin:11px 0 0 10px; color:#e4302c;}
.telecharger_rar a:hover span {color:#004489;}

.telechargement .erreur {color:#f50000; font-weight:bold; margin-left:-50px; position:relative; top:-5px;}

.atelier_1, .atelier_2, .atelier_3 {float:left; width:300px; background-repeat:no-repeat; padding:210px 5px 0 0; border-right:5px dotted #ddd; margin-left:10px;}
.atelier_1 {background-image:url(../images/atelier_1.png);}
.atelier_2 {background-image:url(../images/atelier_2.png);}
.atelier_3 {background-image:url(../images/atelier_3.png);}
.atelier_1 img, .atelier_2 img, .atelier_3 img {float:left; margin:10px 15px;}

.parcours_croises_1, .parcours_croises_2 {float:left; width:450px; background-repeat:no-repeat; padding:10px 5px 0 0; border-right:5px dotted #ddd; margin-left:10px;}

h2.sans_div {padding:10px 15px; font-size:1.2em;}
p.sans_div {padding:2px 15px;}
.separation {height:0; clear:both; width:900px;}


/* ---------------- Bloc connexion ----------------- */


.bloc form {width:250px; float:right; border:1px solid #9ba9d1; margin:10px; background-color:#b7d2ff; background-image:url(../images/bg_inscription.gif); clear:right; padding:10px;}
.bloc form .champ {width:100px; margin:5px 0;}
.bloc form span {display:block; float:left; width:125px; line-height:30px;}
.bloc .bloc_bottom {background-image:url(../images/css/bloc_bottom.png); background-repeat:no-repeat; height:11px; top:11px; position:relative;}
.bloc a {color:#fff; font-weight:bold;}
.bloc a:hover {text-decoration:none;}
.bloc p.lien {width:190px; margin:5px auto; display:block; height:50px;}
.bloc .erreur {color:#f30000; font-weight:bold; display:block; width:175px; line-height:normal;}
.bloc p.lien img {float:left;}
.bloc p.lien a {display:block; position:relative; top:10px; left:10px;}


/* ---------------- Bloc blog ----------------- */

.article {width:652px; margin:0 0 10px 10px; padding:0; background-image:url(../images/bg_annuaire.gif); background-repeat:repeat-y;}
.article .top {width:652px; background-image:url(../images/bg_top_annuaire.gif); height:97px;}
.article .top h2 {font-size:1.2em; padding:15px 0 15px 25px; position:relative; left:25px;}
.article .intro {border-bottom:1px solid #b8b8b8; padding-bottom:5px; margin-left:15px; width:625px;}
.article .intro .date {width:61px; background-color:#fff; float:left; height:60px; margin:5px 15px 15px 0; color:#135b89; text-align:center; font-size:0.8em;}
.article .intro .date span {margin:7px 3px; display:block;}
.article .intro .titre {color:#135b89; font-size:1.1em; background:none; margin:0; padding:0;}
.article .intro .auteur {margin:0; padding:0;}
.article .texte {margin:10px 0 10px 0;}
.article ol.commentaires {display:block; background-color:#fff; padding:10px; border:1px solid #ccc; padding-left:25px;}
.article ol.commentaires h4 {color:#135b89;}
.article ol.commentaires li {list-style-type:decimal; border-bottom:1px solid #000; padding:10px; margin:10px; background-color:#f1f1f1; border:1px solid #e5e5e5;}
.article ol.commentaires li .titre {font-size:1.1em; color:#e86c00; margin-bottom:10px;}
.article ol.commentaires li .auteur {font-size:0.8em; margin:10px 0 0 0;}
.article ol.commentaires .redaction_commentaire {border:1px solid #dcdcdc; border-top:10px solid #dcdcdc; padding:5px; margin:25px auto; width:300px; background-color:#fff;}
.article ol.commentaires .redaction_commentaire p {color:#135b89; font-weight:bold;}
.article ol.commentaires .redaction_commentaire form span {padding-left:5px;}
.article ol.commentaires .redaction_commentaire form input {width:125px; margin:2px 0;}
.article ol.commentaires .redaction_commentaire form textarea {width:275px; height:125px; margin:2px 0;}
.article ol.commentaires .redaction_commentaire form .erreur {color:#f30000; margin:5px 0; padding:0;}


/* ---------------- Gestion blog ----------------- */

.gestion {width:450px; border-collapse:collapse; margin:10px 0 15px 15px; border:1px solid #20aa29;}
.gestion tr td {padding:5px; color:#444;}
.gestion tr.publie td {background-color:#cbd7e8; border-bottom:1px dotted #acc5e8;}
.gestion tr.non_publie td {background-color:#e8d5cb; border-bottom:1px dotted #e8c0ac;}
.gestion .titre td {background-color:#20aa20; font-size:1.1em; color:#fff; padding:5px; text-align:center;}


/* ---------------- Galerie photothèque ----------------- */

.galerie {width:225px; margin:5px; height:250px; background-image:url(../images/css/bloc_galerie.png); background-repeat:no-repeat; float:left; text-align:center;font-size:0.8em;}
.galerie h3 {font-weight:bold; width:215px; margin:10px auto 5px auto;}
.galerie p {width:215px; margin:0 auto;}
.galerie img {max-height:200px; max-width:150px;}