@charset "utf-8";

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background:url(../img/fond.jpg) repeat-x fixed #ca8500; margin:0; padding:0;}
a {text-decoration:underline; color:#000;}
a:hover {text-decoration:none; color:#000;}
img {border:none;}
/*ul {list-style-image: none; list-style-type: none;}
li {list-style-image: none; list-style-type: none;}*/

#centrer { width:960px; margin:0px auto;}
#container { float:left;}
#header { width:960px; height:168px; min-height:168px; background:url(../img/header_fr.jpg) no-repeat;}
#contenu { width:960px; background-color:#fff;}

#col_gauche{ width:656px; margin:0; padding:0 12px 0 17px; display:inline-block; float:left; /*background-color:#00FF00;*/}
#col_droite{ width:265px; margin-top:-2px; display:inline-block; float:left; /*background-color:#3399CC;*/}

.clear{clear:both;}

/*----------------------------------------------------------------------------------
 Footer
 ----------------------------------------------------------------------------------*/
#footer {width:960px; border-top:1px #000000 solid; text-align:center; padding:5px 0px; margin-top:10px; font-size:9px;}
#footer a { color:#000000;}
#footer a:hover { color:#000000;}

/*----------------------------------------------------------------------------------
 Menu
 ----------------------------------------------------------------------------------*/
#menu {display:inline-block; float:left; width:960px; height:94px; background:url(../img/bas_logo.gif) no-repeat left top; margin-bottom:2px;}
 
#bt_accueil {display:inline-block;float:right; background:url(../img/bt_accueil_clic_fr.gif) no-repeat 0 0; width:98px; height:49px;}
#bt_accueil a{ background:url(../img/bt_accueil_fr.gif) no-repeat 0 0; display:block; width:98px; height:49px;}
#bt_accueil a:hover{ background:url(../img/bt_accueil_hover_fr.gif) no-repeat 0 0; width:98px; height:49px;}

#bt_actu {display:inline-block;float:right; background:url(../img/bt_actu_clic_fr.gif) no-repeat 0 0; width:96px; height:49px;}
#bt_actu a{ background:url(../img/bt_actu_fr.gif) no-repeat 0 0; display:block; width:96px; height:49px;}
#bt_actu a:hover{ background:url(../img/bt_actu_hover_fr.gif) no-repeat 0 0; width:96px; height:49px;}

#bt_asso {display:inline-block;float:right; background:url(../img/bt_asso_clic_fr.gif) no-repeat 0 0; width:97px; height:49px;}
#bt_asso a{ background:url(../img/bt_asso_fr.gif) no-repeat 0 0; display:block; width:97px; height:49px;}
#bt_asso a:hover{ background:url(../img/bt_asso_hover_fr.gif) no-repeat 0 0; width:97px; height:49px;}

#bt_projet {display:inline-block;float:right; background:url(../img/bt_projet_clic_fr.gif) no-repeat 0 0; width:97px; height:49px;}
#bt_projet a{ background:url(../img/bt_projet_fr.gif) no-repeat 0 0; display:block; width:97px; height:49px;}
#bt_projet a:hover{ background:url(../img/bt_projet_hover_fr.gif) no-repeat 0 0; width:97px; height:49px;}

#bt_par1 {display:inline-block;float:right; background:url(../img/bt_par1_clic_fr.gif) no-repeat 0 0; width:97px; height:49px;}
#bt_par1 a{ background:url(../img/bt_par1_fr.gif) no-repeat 0 0; display:block; width:97px; height:49px;}
#bt_par1 a:hover{ background:url(../img/bt_par1_hover_fr.gif) no-repeat 0 0; width:97px; height:49px;}

#bt_media {display:inline-block;float:right; background:url(../img/bt_media_clic_fr.gif) no-repeat 0 0; width:96px; height:49px;}
#bt_media a{ background:url(../img/bt_media_fr.gif) no-repeat 0 0; display:block; width:96px; height:49px;}
#bt_media a:hover{ background:url(../img/bt_media_hover_fr.gif) no-repeat 0 0; width:96px; height:49px;}

#bt_contact {display:inline-block;float:right; background:url(../img/bt_contact_clic.gif) no-repeat 0 0; width:97px; height:49px;}
#bt_contact a{ background:url(../img/bt_contact.gif) no-repeat 0 0; display:block; width:97px; height:49px;}
#bt_contact a:hover{ background:url(../img/bt_contact_hover.gif) no-repeat 0 0; width:97px; height:49px;}

#sousMenu {display:inline-block; float:right; width:837px; height:45px; border-bottom:solid 1px #db002f; margin-right:10px;}
html>/**/body #langue {display:inline-block; float:right; background:url(../img/puce01.gif) no-repeat 0px 3px; padding-left:15px; margin:10px 0 0 0; color:#770000; font-weight:bold;}
#langue {display:inline-block; float:right; background:url(../img/puce01.gif) no-repeat 0px 5px; padding-left:15px; margin:10px 0 0 0; color:#770000; font-weight:bold;}
#langue a {color:#770000; text-decoration:underline;}
#langue a:hover {text-decoration:none;}

#bt_sousMenu {display:inline-block; float:left; height:45px; margin-left:169px;}
*html  #bt_sousMenu {display:inline-block; float:left; height:45px; margin-left:89px;}
.bt_off {display:inline-block; float:left; padding:5px 10px; margin-right:4px; margin-top:21px; background-color:#fdc613; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
.bt_on a {display:inline-block; float:left; padding:5px 10px; margin-right:4px; margin-top:21px; background-color:#db002f; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.bt_on a:hover {display:inline-block; float:left; padding:5px 10px; margin-right:4px; margin-top:21px; background-color:#fdc613; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}

/*----------------------------------------------------------------------------------
 Accueil
 ----------------------------------------------------------------------------------*/
#titre_dernieresActu{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_dernieresActus_fr.gif) no-repeat;}

.actu_home {display:inline-block; float:left; width:656px; margin-top:10px; padding-bottom:10px; border-bottom:#999999 dotted 2px;}
.image {display:inline-block; float:left; width:119px; height:90px; border:solid 1px #db002f; margin-right:10px; background:url(../img/img_news.jpg) no-repeat;}
.actu_home h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#db002f; width:510px; background:url(../img/puce01.gif) no-repeat 0 5px; padding-left:15px; margin-bottom:5px;}
html>/**/body .actu_home h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#db002f; width:510px; background:url(../img/puce01.gif) no-repeat 0 5px; padding-left:15px; margin:0 0 5px 0;}
.actu_home h1 a{text-decoration:none; color:#db002f;}
.actu_home h1 a:hover {text-decoration:underline; color:#db002f;}
.actu_home .date {display:inline-block; float:left; width:510px; font-weight:bold; font-size:12px; padding-left:15px; margin-bottom:5px;}
.actu_home .texte {display:inline-block; float:left; width:510px; padding-left:15px; margin-bottom:5px;}
.actu_home .suite {display:inline-block; float:right; background:url(../img/puce02.gif) no-repeat; padding-left:18px; margin-bottom:5px;}

#toutesActu {display:inline-block; float:right; background:url(../img/puce01.gif) no-repeat ; padding-left:15px; margin:10px 0 0 0; color:#db002f; font-weight:bold;}
#toutesActu a {color:#db002f; text-decoration:none;}
#toutesActu a:hover {text-decoration:underline;}

/*----------------------------------------------------------------------------------
 News Letter
 ----------------------------------------------------------------------------------*/
 
#newsletter {display:inline-block; float:left; width:265px; height:419px; background:url(../img/newsletter.jpg) no-repeat;}
#newsletter form {display:inline-block; float:left; width:243px; height:115px; margin-top:213px; padding:0 11px; text-align:center; color:#FFFFFF; font-weight:bold;}

#newsletter .button {display:inline-block; float:right; background:url(../img/validNews_fr.gif) no-repeat; width:99px; height:23px; border:none; cursor:pointer; margin:10px 10px 0 0;}
#newsletter .button:hover {display:inline-block; float:right; background:url(../img/validNews_hover_fr.gif) no-repeat; width:99px; height:23px; border:none;}
html>/**/body #newsletter .button2 {display:inline-block; float:right; background-color:#770000; width:99px; height:23px; border:none; cursor:pointer; margin:10px 10px 0 0; color:#000000; text-decoration:underline; font-size:10px;}
#newsletter .button2 {display:inline-block; float:right; background-color:#770000; width:99px; height:23px; border:none; cursor:pointer; margin:0px 10px 0 0; color:#000000; text-decoration:underline; font-size:10px;}
#newsletter .button2:hover {display:inline-block; float:right; width:99px; height:23px; border:none; text-decoration:none;}
#newsletter input {display:inline-block; float:left; width:220px; margin:5px 0 5px 8px;}

#newsLetter form a {display:inline-block; float:right; font-size:9px; text-decoration:underline; margin-top:10px;}
#newsLetter form a:hover {text-decoration:none;}

/*----------------------------------------------------------------------------------
 Paricipez
 ----------------------------------------------------------------------------------*/
 
#participez {display:inline-block; float:left; width:265px; height:150px; background:url(../img/participez_fr.jpg) no-repeat top #db002f; margin-top:-40px; padding-top:79px; text-align:center; color:#FFFFFF; font-weight:bold;}

#bt_ensavoirplus {display:inline-block;float:right; width:265px; height:53px;}
#bt_ensavoirplus a{ background:url(../img/savoirPlus_fr.gif) no-repeat 0 0; display:block; width:265px; height:53px;}
#bt_ensavoirplus a:hover{ background:url(../img/savoirPlus_hover_fr.gif) no-repeat 0 0; width:265px; height:53px;}

/*----------------------------------------------------------------------------------
 Actu
 ----------------------------------------------------------------------------------*/
#titre_Actu{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_actus_fr.gif) no-repeat;}
#actu{display:inline-block; padding-bottom:10px;}
#actu h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#db002f; width:641px; background:url(../img/puce01.gif) no-repeat 0 5px; padding-left:15px; margin-bottom:5px;}
html>/**/body #actu h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#db002f; width:641px; background:url(../img/puce01.gif) no-repeat 0 5px; padding-left:15px; margin:0 0 5px 0;}
#actu .date {display:inline-block; float:left; width:641px; font-weight:bold; font-size:12px; padding-left:15px; margin-bottom:5px;}
#actu img {display:inline-block; float:left; width:656px; margin-bottom:10px;}

#list_actu {display:inline-block; float:left; width:265px; background-color:#db002f; color:#FFFFFF;}
#titre_lesactus{display:inline-block; float:left; width:265px; height:99px; background:url(../img/titre_lesactus_fr.gif) no-repeat;}
#list_actu ul {margin-left:0px; width:265px; list-style-image: none; list-style-type: none;}
html>/**/body #list_actu ul {margin-left:-40px; width:265px; list-style-image: none; list-style-type: none;}
#list_actu li {list-style-image: none; list-style-type: none; display:inline-block; float:left; width:245px; border-bottom: dotted #ffffff 2px; margin:10px 10px; padding-bottom:5px; padding-left:15px; background:url(../img/puce03.gif) no-repeat 0 0;}
*html  #list_actu li {list-style-image: none; list-style-type: none; display:inline-block; float:left; width:230px; border-bottom: dotted #ffffff 2px; margin-top:5px; margin-botttom:5px; margin-left:5px; margin-right:5px; padding-bottom:5px;padding-left:15px; background:url(../img/puce03.gif) no-repeat 0 0;}
#list_actu li a {font-size:13px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
#list_actu li a:hover {text-decoration:underline;}
#list_actu .pagination {display:inline-block; float:left; width:265px; margin-bottom:10px; font-weight:bold; color:#7a0000; text-align:center;}
#list_actu .pagination a {font-weight:bold; color:#FFFFFF; text-decoration:none;}
#list_actu .pagination a:hover {text-decoration:underline;}

/*----------------------------------------------------------------------------------
 Association
 ----------------------------------------------------------------------------------*/
#titre_association{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_association_fr.gif) no-repeat;}
#titre_adherer{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_adherer_fr.gif) no-repeat;}
#partenaire {display:inline-block; float:left; width:255px; background-color:#db002f; color:#FFFFFF; margin-bottom:10px; padding:5px; text-align:justify;}
#titre_partenaire {display:inline-block; float:left; width:265px; height:99px; background:url(../img/titre_partenaire_fr.gif) no-repeat;}
#titre_methode{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_methode_fr.gif) no-repeat;}

.joueur li { display:inline-block; font-size:12px; font-weight:bold; margin-bottom:10px;}

/*----------------------------------------------------------------------------------
Projet
 ----------------------------------------------------------------------------------*/
#titre_mady{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_mady_fr.gif) no-repeat;}
#titre_financement{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_financement_fr.gif) no-repeat;}
#bt_vue a{ background:url(../img/bt_vue_fr.jpg) no-repeat 0 0; display:block; width:265px; height:200px;}
#bt_vue a:hover{ background:url(../img/bt_vue_hover_fr.jpg) no-repeat 0 0; width:265px; height:200px;}
#banque {display:inline-block; float:left; background:url(../img/titre_banque_fr.gif) no-repeat #db002f top right; width:260px; padding:64px 0 10px 5px; margin-top:10px;}
#batiment{ display:inline-block; float:left;  background:url(../img/batiment.gif) no-repeat; width:265px; height:164px; margin:-140px 0 -20px 0;}
#savoir {display:inline-block; float:left; background:url(../img/titre_savoir_fr.gif) no-repeat top left; width:381px; padding:64px 0 10px 10px; margin-top:10px; text-align:justify;}
#savoir div {display:inline-block; float:left; width:130px; height:20px; text-align:right; margin-top:10px;}
#savoir input {display:inline-block; float:left; width:220px; margin:5px 0 5px 10px;}
#savoir .button { display:inline-block; float:right; padding:5px 10px; width:90px; margin-right:20px; background-color:#db002f; color:#FFFFFF; font-weight:bold; border:0; cursor:pointer;}
#savoir .button:hover {background-color:#fdc613; color:#000000;}
#titre_centre{ display:inline-block; float:left; width:656px; height:99px; margin-bottom:5px; background:url(../img/titre_centre_fr.gif) no-repeat;}

/*----------------------------------------------------------------------------------
Parrains
 ----------------------------------------------------------------------------------*/
#titre_parrains{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_parrains_fr.gif) no-repeat;}
.parrains {display:inline-block; float:left; width:656px; margin-top:10px;}
.parrains img {display:inline-block; float:left; width:230px; height:230px; border:2px solid #db002f;}
.texte_parrains {display:inline-block; float:left; width:412px; margin-left:10px; text-align:justify;}
.texte_parrains h1{display:inline-block; float:left; width:412px; font-size:16px; font-weight:bold; font-style:normal; color:#fdc613; margin-bottom:10px;}

/*----------------------------------------------------------------------------------
Médiathèque
 ----------------------------------------------------------------------------------*/
#media {display:inline-block; float:left; width:656px; margin-bottom:5px; margin-top:10px; text-align:justify; font-weight:bold; font-size:12px;}
#media img {display:inline-block; float:left; width:656px; margin-bottom:10px; margin-top:10px;}
#visionneuse{display:inline-block; float:left; width:656px; height:90px; border-top:1px #000000 solid; border-bottom:1px #000000 solid; overflow:scroll; overflow-x:hidden; padding-bottom:10px;}
#visionneuse img {display:inline-block; float:left; width:97px; height:73px; margin:10px 4px; white-space:nowrap;}
#titre_Actu{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_actus_fr.gif) no-repeat;}


#galerie {display:inline-block; float:left; width:265px; background-color:#db002f; padding-bottom:10px;}
#titre_galerie{display:inline-block; float:left; width:265px; height:99px; background:url(../img/titre_galerie_fr.gif) no-repeat;}

.liste_gal_off{display:inline-block; float:left; width:245px; background:url(../img/puce04.gif) 5px 5px  no-repeat #fdc613; font-size:12px; font-weight:bold; color:#7a0000; padding: 5px 0 5px 20px; margin:5px 0;}
.liste_gal a{display:inline-block; float:left; width:245px; background:url(../img/puce05.gif) 5px 5px  no-repeat #db002f; font-size:12px; font-weight:bold; color:#FFFFFF; padding: 5px 0 5px 20px; margin:5px 0; text-decoration:none;}
.liste_gal a:hover{display:inline-block; float:left; width:245px; background:url(../img/puce04.gif) 5px 5px  no-repeat #fdc613; font-size:12px; font-weight:bold; color:#7a0000; padding: 5px 0 5px 20px; text-decoration:none; margin:5px 0;}

/*----------------------------------------------------------------------------------
Contact
 ----------------------------------------------------------------------------------*/
#titre_contact{ display:inline-block; float:left; width:656px; height:64px; margin-bottom:5px; background:url(../img/titre_contact.gif) no-repeat;}

#contact{display:inline-block; float:left; width:265px; margin-top:10px;}

#ecrire {display:inline-block; float:left; width:371px; padding:50px 10px 10px 10px; margin-top:-16px; text-align:center; background-color:#fbe5ea;}
#ecrire div {display:inline-block; float:left; width:130px; height:20px; text-align:right; margin-top:10px;}
#ecrire input {display:inline-block; float:left; width:220px; margin:5px 0 5px 10px;}
#ecrire textarea {display:inline-block; float:left; width:220px; height:220px; margin:5px 0 5px 10px;}
#ecrire .button { display:inline-block; float:right; padding:5px 10px; width:90px; margin-right:20px; background-color:#db002f; color:#FFFFFF; font-weight:bold; border:0; cursor:pointer;}
#ecrire .button:hover {background-color:#fdc613; color:#000000;}

/*----------------------------------------------------------------------------------
 Classe communes
 ----------------------------------------------------------------------------------*/
.texte {display:inline-block; float:left; width:656px; margin-bottom:5px; text-align:justify;}
h1 { font-size:14px; font-style:italic; font-weight:bold; color:#bf5c00;}
.jaune {color:#fdc613;}
.rouge {color:#db002f;}
.terre {color:#bf5c00;}
.blanc{color:#FFFFFF;}