/* CSS Document */

body {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	text-align: center;
}

.ban {
text-align:center;
}

.hide, h1{
display: none;
}

#contenucentre{
 text-align:left;
 width :48.5em;
 min-height: 55em;
 }

 #conteneur{
 text-align: left;
 width :48.5em;
 min-height: 55em;
 display: table-cell;
 margin:auto;
 }

#top {
display:none;
}

#ariane{
width:40em;
font-size: 0.7em;

font-family: Arial;

font-weight:bold;

color:#a467bb;

height:2.3em;

display:block;

margin:0.2em 0 0 0;

padding:0;

background: url(img/sign.jpg) no-repeat right;


}



#ariane a{

text-decoration:none;

color:#751580;

}



#contenu{



padding: 0 0.3em 0 0.3em;

width:30em;

/*height:52em;*/

/*display:table;*/

text-align:left;

/*margin:auto;*/

/*overflow:auto;*/

font-size:1em;

}



fieldset {

display:block;

border:0;

width:8.2em;

margin:0;

padding:0;

}



#contenu label{

display:inline;

}



#contenu a{

color: #751580;

font-family:arial;

font-size:1em;

text-decoration:none;

}



#contenu p{

font-family:arial;

font-size:0.8em;

margin:0 0.5em 0 0em;

}



#contenu p.bodytext{

font-family:arial;

font-size:0.8em;

}



#contenu span.detail{

float:right;

text-align:right;

width:10em;

padding:0;

margin:0;

}



#contenu span.name-of-person{

display:block;

text-align:left;

width:15em;

padding: 0;

margin: 0;

}



#contenu span.important{

font-weight:bold;

color:#F47685;

padding: 0 0 0 0em;

margin: 0 0 0 0em;

}



span.bold{

font-size:0.8em;

font-weight:bold;

}





span.bolder{

font-size:1em;

font-weight:bold;

}



span.normal{

font-size:0.8em;

color:#EBBDE2;

}



/* styles pour les fonds colorés */



.fondbleu{

background-color:#EAF9FF;

border:1px dashed;

}



.fondrose{

background-color:#F7E4E6;

border:1px dashed red;

}



/* A voir A noter */



#voirnoter{

width:28em;

clear:both;

margin-left: auto;

margin-right: auto;

margin-top: 0.25em;

text-align:left;

}



#voirnoter img{

margin:0;

padding:0;

}



#contenu #diva{

float:left;

width:14em;

height:7em;

margin:0;

padding:0;

}



#contenu #divb{

border-style:solid;

border-width:1px;

border-color:red;

overflow:auto;

height:6.2em;

scrollbar-face-color:#FFFFFF;

scrollbar-arrow-color: #a467bb;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-shadow-color: #a467bb;

scrollbar-darkshadow-color: #FFFFFF;



}



#contenu #divb2{

border-left:1px solid red;

border-top:1px solid red;

border-bottom:1px solid red;

overflow:auto;

height:6.2em;

scrollbar-face-color:#FFFFFF;

scrollbar-arrow-color: #a467bb;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-shadow-color: #a467bb;

scrollbar-darkshadow-color: #FFFFFF;

}



#contenu #diva2{

float:left;

width:14em;

height:7em;

margin:0em 0em 0em 0em;

padding:0;

clear:both;

}



#contenu #rougevoir{

display:block;

color:#82389B;

font-weight:bold;

width:100%;

background: url(img/lay_3.jpg) no-repeat 0.2em center;

background-color:#E7D8EB;

padding:0em 0em 0em 1.2em;

margin:0;

}



#contenu #rougenoter{

display:block;

border-left: 1px solid red;

color:#82389B;

font-weight:bold;

width:12.8em;

background: url(img/lay_3.jpg) no-repeat 0.2em center;

background-color:#E7D8EB;

padding:0em 0em 0em 1.2em;

margin:0em 0em 0em 0em;

}





#contenu #divb .noter_text{

display:block;

float:left;

width:70%;

margin:0 0 0.8em 0;

padding:0;

}



#contenu #divb img{

float:left;

clear:both;

margin:0.2em 0.4em 0 0;

}



#contenu #divb2 div.voirliste img{

float:left;

clear:both;

margin:0 0.4em 0 0;

}



#contenu #divb2 .voir_text {

display:block;

float:left;

text-align:left;

width:70%;

margin:0 0 0.7em 0;

padding:0;

}



*html #contenu #rougenoter{

width:14em;

}





/* Fin de a voir a noter */



 

#col_gauche{

display: none;

}



#menu1 {

background : url(img/t1_middle.jpg) no-repeat bottom left;

background-color:#E7D8EB;

margin:0.5em 0em 0em 0em;

padding: 1em 0em 1em 0em;

width: 8.5em;

}



#menu1 li{

padding-left:1.5em;

font-size: 0.75em;

list-style: none;

margin: 0em 0em 0.7em 1.3em;

}



#menu1 li a{

color: #000000;

text-decoration: none;

letter-spacing: -0.01em;

}



/* *********sous menus********** */



#menu1 li ul{

width:8.5em;

padding:0;

margin:0.2em 0 0 -1.5em;

font-size:1.2em;

}



#menu1 li ul li{

margin:0.2em 0 0 2.6em;

padding:0;

}



#menu1 .menu_85{

background: url(img/lay_1.jpg) no-repeat left;

}

#menu1 .menu_6{

background: url(img/lay_2.jpg) no-repeat top left;

}

#menu1 .menu_7{

background: url(img/lay_3.jpg) no-repeat top left;

}

#menu1 .menu_8{

background: url(img/lay_4.jpg) no-repeat top left;

}

#menu1 .menu_9{

background: url(img/lay_5.jpg) no-repeat top left;

}

#menu1 .menu_10{

background: url(img/lay_6.jpg) no-repeat top left;

}

#menu1 .menu_11{

background: url(img/lay_7.jpg) no-repeat top left;

}

#menu1 .menu_87{

background: url(img/lay_8.jpg) no-repeat top left;

}

#menu1 .menu_13{

background: url(img/lay_9.jpg) no-repeat top left;

}

#menu1 .menu_14{

background: url(img/lay_10.jpg) no-repeat top left;

}

#menu1 .menu_15{

background: url(img/lay_11.jpg) no-repeat top left;

}

#menu1 .menu_86{

background: url(img/lay_12.jpg) no-repeat top left;

}

#col_gauche #cadrebas{

border-width: 0 1px 0 1px;

border-style: solid;

border-color: #E8E1E9;

margin: -1em 0em 0em 0em;

padding: 1em 0em 0em 0em;

}



#rech{

margin: 1em 0 0 0.3em;

}



#rech label{

display: none;

}



#searchform{

width:8em;

clear: both;

}



#rech input{

width:7.2em;

}



#rech input.bouton{

background: url(img/search.jpg) no-repeat;

border: 0;

width: 1.5em;

}





#abonform {

margin: 0em 0em 0em 0.3em;

}



#abonform label{

font-size:0.6em;

letter-spacing: -1px;

}



#abonform input{

width: 7.2em;

clear: both;

}



#abonform input.bouton{

background: url(img/ok.jpg) no-repeat;

border: 0;

width: 1.5em;

}



#menu2{

margin: 0.5em 0em 0em 0em;

padding: 0;

}

#menu2 li{

margin:0em 0em 0.5em 0.8em;

font-size:0.75em;

color:#b467d3;

list-style: none;

padding-left:2.5em ;

height: 2.2em;

}



#menu2 li a{

color: #000000;

text-decoration: none;

letter-spacing: -0.01em;

}



#menu2 .menu_813{

background: url(img/hdp.gif) no-repeat left;

line-height: 2em;

}



#menu2 .menu_485{

background: url(img/ecr.jpg) no-repeat left;

line-height: 2em;

}

#menu2 .menu_782{

background: url(img/Let.jpg) no-repeat left;



}



#menu3{

display: table;

background : url(img/t1_bottom.jpg) no-repeat bottom;

margin: 0.5em 0em 0em 0em;

padding: 0em 0em 1em 0em;

}





#menu3 li{

margin:0em 0em 0.5em 0.8em;

font-size:0.75em;

color:#b467d3;

list-style: none;

padding-left:2.5em ;

}



#menu3 li a{

color: #000000;

text-decoration: none;

letter-spacing: -0.01em;

}





#menu3 .menu_486{

background: url(img/inf.jpg) no-repeat left;

line-height: 2em;

}

#menu3 .menu_487{

background: url(img/der.jpg) no-repeat left;

}



#menu3 .menu_488{

background: url(img/pan_vi.jpg) no-repeat left;

line-height: 2.1em;

}



#menu3 .menu_489{

background: url(img/phar.jpg) no-repeat left;

}



#menu3 .menu_490{

line-height: 2em;

background: url(img/lien.jpg) no-repeat left;

}



#menu3 .menu_491{

padding-left: 2.5em ;

background: url(img/ques.jpg) no-repeat left;

}





#actualites{

margin:1.5em 0 0 0;

overflow:auto;

height:35.5em;

}



#contenu a img{

border-width: 0;

border-style:none;

}



#contenu p.align-center{

font-family:arial;

text-align:center;

font-size:0.8em;

}



#contenu div p{

font-family: Arial;

text-align: justify;

font-size: 0.8em;

}



#contenu table{

font-family: Arial;

text-align: center;

font-size: 0.8em;

}



#contenu .csc-frame-frame1{

width: 90%;

border-bottom: 2px solid #FFBF7F;

font-weight: normal;

font-family: Arial;

font-size: 1.1em;

padding:0em 0em 0em 1em;

margin: 0em 0em 1em 0em;

color:#7E1886;

background: url(img/lay_3.jpg) no-repeat left;

}



#contenu .csc-frame-frame2{

font-weight: bold;

font-family: Arial;

font-size: 0.8em;

padding:0em 0em 0em 0em;

margin: 0em 0em 0em 0em;

color:#f2a93e;

}



#formulaire input{

display:inline;

}



span.gal_page_act{

font-size:0.9em;

margin:1em 0 1em 0;

padding:0;

color:#a467bb;

}



#contenu span.gal_page{

display:block;

margin:auto;

font-size:0.8em;

width:31em;

text-align:justify;

}



#image{

display:block;

margin:auto;

width:28em;

text-align:center;

}



#idm{

margin:auto;

}



#image #img_gal{

width:320px;

}



#image .gal_page_nav img{

/* vertical-align:middle; */

height:12px;

line-height:12px;

padding:0 0.2em 0 0.2em;

margin:0;

}



#thumb{

display:block;

margin:auto;

width:28em;

text-align:center;

}



#thumb img{

margin:0.2em 0.2em 0.2em 0.2em;

padding:0; 

vertical-align:middle;

}





#rechercheage{

color:#f2a93e;

font-weight: bold;

font-size: 0.9em;

}



#contenu div.agedesc{

font-family: Arial;

text-align: justify;

font-size: 0.8em;

}



#contenu div.agendadesc {

font-size: 0.8em;

}



#contenu div.agendabody{

font-size: 0.8em;

}





#contenu div.entete img{

margin: 0em 0em 1em 8em;

padding-left :1em;

display: block;

}





#contenu div.entete{

font-family: Arial;

text-align: center;

font-weight: bold;

color:#fea652;

font-size: 0.9em;

}



#contenu div.entete a{

color:#003399;

font-size: 0.8em;

font-weight: bold;

text-decoration: none;

}





#contenu h2 {

width: 90%;

border-bottom: 2px solid #FFBF7F;

font-weight: normal;

font-family: Arial;

font-size: 1.1em;

padding:0em 0em 0em 1em;

margin: 0em 0em 0.5em 0em;

color:#7E1886;

background: url(img/lay_1.jpg) no-repeat left;

}



#contenu h3 {

font-family: Arial;

color:#fea652;

font-size:1.2em;

font-weight:bold;

padding:0em 0em 0em 1.1em;

margin: 0em 0em 0.6em 0em;

background: url(img/puceh3.gif) no-repeat left;

}



#contenu h4.actutitre{

font-family: Arial;

font-weight:bold;

color:#fea652;

font-size:1em;

margin: 0em 0em 0em 0em;

padding: 0em 0em 0em 0em;

clear: both;

background-image: none;

}



#contenu h4{

font-family: Arial;

font-weight:bold;

color:#a467bb;

font-size:0.8em;

padding:0em 0em 0em 2em;

margin: 0.5em 0em 0.5em 0em;

clear: both;

background: url(img/puceh4petitdouble.gif) no-repeat;

background-position:left top;

}



#contenu h5{

font-family: Arial;

font-weight:bold;

color:#a467bb;

font-size:0.9em;

padding:0em 0em 0em 1.6em;

margin: 0.5em 0em 0.4em 0em;

clear: both;

background: url(img/puceh4.gif) no-repeat;

background-position:left top;

}





#contenu h6{

font-family: Arial;

font-weight:bold;

color:#a467bb;

font-size:0.8em;

padding:0em 0em 0em 1.5em;

margin: 0em 0em 0.8em 1.2em;

clear: both;

background: url(img/puceh4petit.gif) no-repeat;

background-position:left top;

}



#contenu ul{

margin:0;

padding:0;

}



#contenu ol{

margin:0;

padding:0;

}



#contenu ul li{

font-family: arial;

font-size:0.8em;

color: #000000;

list-style-type:none;

padding:0em 0.5em 0.2em 1.5em;

margin: 0.5em 0em 0.5em 1.5em;

background-image: url(img/puceh4ptviolet.gif) ;

background-repeat: no-repeat;

background-position:left top;

}



#contenu ol li{

font-family: arial;

font-size:0.8em;

color: #000000;

padding:0em 0em 0.2em 0.5em;

margin: 0.5em 0em 0.5em 3em;

}



#contenu ul li ul li{

font-family:arial;

font-size:1em;

padding:0;

margin:0.5em 0em 0.5em ;

background-image: none;

}





#contenu ul li a{

font-family:arial;

font-size:1em;

color: #751580;

}



#contenu ul.csc-menu li{

font-family: arial;

font-size:0.8em;

font-weight:bold;

color: #000000;

list-style-type:none;

padding:0em 0em 0em 2em;

margin: 0em 0em 0.5em 1.5em;

background: url(img/puceh4.gif) no-repeat left;

}





#contenu ul.csc-menu li a{

font-family:arial;

font-size:1.3em;

color: #a467bb;

}





#contenu .actu{

font-family: arial;

font-size:1em;

}





#contenu h4.actutitre a{

font-family: Arial;

font-weight:bold;

color:#fea652;

font-size:0.8em;

margin: 0;

padding: 0;

clear: both;

}



#contenu .flash_contenu{

font-size: 0.8em;

display:block;

text-align:justify;

padding:0em 1em 0em 0em;

}





#contenu .flash_contenu ul li{

font-size: 1em;

}



#contenu .flash_contenu img{

margin:0.3em 0.3em 0.3em 0.3em;

border:none;

}



#contenu .Date{

font-style: italic;

color: #751580;

font-size: 0.9em;

}



#contenu .flash_artlink{

display:block;

float: left;

width: auto;

margin:0 ;

padding: 0; 

background: url(img/fsuite.gif) no-repeat left;

background-color: #E5D3E9;

} 

#contenu div.actudesc {

height:51em;

}



#contenu div.actudesc a.flash_artlink{

display:none;

}



#contenu a.flash_artlink{

font-family: Arial;

color:#000000;

font-size:0.7em;

text-decoration:none;

margin:1em 0 1em 0 ;

padding: 0em 0em 0em 1.5em;

clear:both;

}



#col_droite{

display: none;

}



#Son{

color:#FFFFFF;

font-size: 0.6em;

display: block;

text-align: center;

padding: 1em 0em 0em 0em;

}

#info{

font-family: Arial;

margin:1em 0 1em 0;

padding: 0.5em 0em 0.5em 0em;

background-color: #fee885;

height:3em;

display: block;

text-align: center;

text-decoration: none;

color: #000000;

font-size: 0.6em;

}



#info .votez{

font-size: 1.2em;

font-weight: bold;

}



#menu4{

padding: 0.2em 0em 0em 0em;

margin: 0;

background: url(img/dashes.gif) no-repeat top;

}



#menu4 li{

padding:0em 0em 0em 2.5em ;

font-size: 0.75em;

line-height:2.5em;

list-style: none;

}



#menu4 li a{

letter-spacing: -0.02em;

color: #000000;

text-decoration: none;

font-family:arial;

}



#menu4 .menu_498{

margin :0 0 0 1em ;

background: url(img/air.gif) no-repeat left;

}

#menu4 .menu_497{

margin :0 0 0 1em ;

background: url(img/trav.jpg) no-repeat left;

}

#menu4 .menu_496{

margin :0 0 0 1em ;

background: url(img/circ.jpg) no-repeat left;

}



#Pho{

text-align: center;

display: block;

width: 8em;

color:#9900CC;

font-size: 0.9em;

font-weight: bold;

font-family: Arial;

background: url(img/fphotos.gif) no-repeat center;

}



#menu5{

margin: 0.5em 0em 0em 0em;

padding: 0em 0em 0.5em 0em;

background: url(img/dashes.gif) no-repeat bottom;

}



#menu5 li{

margin : 0em 0em 0.5em 1em ;

padding-left:1.5em;

font-size: 0.75em;

list-style: none;

line-height:1.2em;

}



#menu5 li a{

letter-spacing: -0.01em;

font-family:arial;

color: #000000;

text-decoration: none;

}



#menu5 .menu_495{

padding-left: 2.5em ;

background: url(img/gal.jpg) no-repeat left;

}

#menu5 .menu_494{

padding-left: 2.5em ;

background: url(img/mar.jpg) no-repeat left;

}

#menu5 .menu_493{

padding-left: 2.5em ;

background: url(img/ima.jpg) no-repeat left;

}



#menu6 {

background: url(img/t2_bottom.jpg) no-repeat bottom;

padding: 0em 0em 1em 0em;

margin: 0.5em 0em 0em 0em;

}



#menu6 li{

margin :0 0 0.5em 1em ;

padding-left:2.5em;

font-size: 0.75em;

list-style: none;

line-height:1.2em;

}



#menu6 li a{

color: #000000;

text-decoration: none;

letter-spacing: -0.01em;

font-family:arial;

}



#menu6 .menu_492{

background: url(img/age.jpg) no-repeat left;

line-height: 2.1em;

}

#menu6 .menu_505{

background: url(img/car.jpg) no-repeat left;

}

#menu6 .menu_504{

background: url(img/vid.jpg) no-repeat left;

line-height: 2.2em;

}

#menu6 .menu_789{

background: url(img/bib.jpg) no-repeat left;

line-height: 2.1em;

}

#menu6 .menu_502{

background: url(img/jeu.jpg) no-repeat left;

line-height: 2.1em;

}

#menu6 .menu_788{

background: url(img/put.jpg) no-repeat left;

}



#contenu form{

display:inline;

padding: 0;

margin: 0;

}



#newsform {

font-size: 0.8em;

}



#newsform span.newscattitle{

display:block;

float:left;

width:12em;

}



#newsform #newsid{

display:block;

width:12em;

}



#previewcarte {

width:100%;

border:1px solid;

border-color:#EBBDE2;

padding:0.5em;

margin:0 0 0.5em 0;

display: table;

}



#previewcarte div.right{

display:block;

float:left;

margin:0em 0em 0em 1em;

font-size:0.75em;

}



#previewcarte div.right p{

display:block;

width:12em;

font-size:1em;

margin:0.5em 0 0.5em 0; 

padding:0.5em 0 0 0;

text-align:justify;

}



span#typo{

display:block;

width:12em;

}



#previewcarte span.normal{

font-size:0.8em;

}



#previewcarte #bigphoto{

float:left;

width:270px;

}



#custom div.smiley{

text-align:right;

font-size:0.8em;

}



div.menucartes{

font-size:0.8em;

}



span.texteviolet{

margin:0 0.2em 0 0.2em;

color:#751580;

}



span.textegris{

margin:0 0.2em 0 0.2em;

color:#999999;

}



span.cartesjs{

margin:0 0.2em 0 0.2em;

color:#999999;

}



#timbres img{

display:inline;

margin:auto 0.5em auto 0.5em;

}



#footer{

display: none;

}



#footer ul{

margin: 0;

padding: 0;

line-height:1em;

}



#footer ul li{

list-style: none;

font-size :0.55em;

display: inline;

margin: 0em 0em 0em 0.3em;

padding: 0em 0.4em 0em 0em;

border-right: 1px solid #000;

}



#footer ul li.labels{

border-right:none;

}



#footer ul li a{

text-decoration: none;

color: #000;

}





/*accessibilite*/



#css {

width:10em;

font-size:0.7em;

margin:0 0 0 0.5em;

padding:0;

}



#css_hidden {

width:10em;

font-size:0.7em;

margin:0 0 0 0.5em;

padding:0;

}

/****************************************  
	PAGES GALERIES PHOTOS  
****************************************/

.affichage_galeries_photos {
padding: 0;
margin: 0px 0px 0px 0px;
}

.bloc_preview_photo_hori {
width: 102px;
text-align:center;
margin: 0px 8px 9px 0px; 
border: #CCC solid 1px;
float:left;
padding :17px 0 17px 0;
background-color:#FFF;
}

.bloc_preview_photo_vert {
width: 102px;
text-align:center;
margin: 0px 8px 9px 0px; 
border: #CCC solid 1px;
float:left;
background-color:#FFF;
}

.bloc_preview_photo_hori img { width: 102px; height:68px;   }
.bloc_preview_photo_vert img { width: 68px; height:102px;   }

.pagination_galerie { /*background:url(img/filet_pointille.gif) bottom left no-repeat;*/ 
text-align:center; color: #999999; 
padding-bottom:4px;  margin:0;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
}


.champ_recherche_galerie {
background: url(img/bk_select_galeries_photos.gif) top left no-repeat; 
/*background-color: #F60;*/
/*width:464px; */
height:80px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
margin: 0px 0px 16px 0px; 
}

.select_champ_recherche {
width: 400px;
font: 12px Arial, Verdana, Helvetica, sans-serif;
padding: 1px 1px 0px 3px;
float:left;
margin: 0px 0 0 38px;}

.titre_gal_photo {
font: Arial, Helvetica, sans-serif  ;
color: #A467BB;
font-size:20px;
font-weight:bold;
text-align: center;
}

.legende_gal_photo { /* petit texte */
font: 10px  Arial, Helvetica, sans-serif;
font-weight: normal;
color: #818181;
width:100%;
margin: 0px 0 5px 0;
text-align:center;
}

.separation_pointillee {
padding: 0px 0px 0px 0px;
margin: 10px 0 12px 0;
background:url(img/filet_pointille.gif) top left repeat-x;
height: 1px;
}

hr.clear{
clear:both;
visibility: hidden; 
margin: 0;
}