/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/




body {
background-image: url(../images/bando-2013.jpg);
background-repeat : no-repeat;
background-position : top center;
font-family: Arial, sans-serif;
font-size: 0.9em;
color: #fff;
margin : 0px;
padding : 0px;
text-align : center;
background-color: #1a1a1a;
}



body.photo {
background-image: url(../images/fond-photo.gif);
background-repeat : no-repeat;
background-position : top center;
font-family: Arial, sans-serif;
font-size: 0.9em;
color: #fff;
margin : 0px;
padding : 0px;
text-align : center;
background-color: #1a1a1a;
}



#globale{
background-color: transparent;
margin: 0px auto;
padding : 0px;
text-align:center;
width : 960px;
max-width: 960px;
min-width: 960px;
border-top: none;
overflow: hidden;
color: #4d4d4d;
/*border: 1px solid #fff;*/
}




/* LIENS */

a:link {
color : #e3007c;
text-decoration : none;
background-color: transparent;
font-weight : bold;
text-decoration : underline;
}

a:visited{
color : #e3007c;
text-decoration : none;
background-color: transparent;
font-weight : bold;
text-decoration : underline;
} 

a:hover{
color : #66b9dd; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
text-decoration : underline;
} 

a:active {
color : #66b9dd; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
text-decoration : underline;
}





#bando {
background-color: #transparent;
text-align: right;
margin: 0px;
padding: 10px 0px 0px 0px;
width: 960px;
max-width: 960px;
min-width: 960px;
height: 90px;
min-height: 90px;
max-height: 90px;
color: #fff;
}



#bando_photo {
background-image: url(../images/fond.gif);
background-repeat : repeat-x;
background: #333;
text-align: left;
margin: 0px;
padding: 10px 0px 0px 0px;
width: 960px;
max-width: 960px;
min-width: 960px;
/*height: 40px;
min-height: 40px;
max-height: 40px;*/
color: #fff;
}





#menu {
background-color: transparent;
margin: 0px;
padding: 0px;
color : #999;
font-size: 1.2em;
font-weight : bold;
text-align: left;
width: 960px;
max-width: 960px;
min-width: 960px;
}



#menu_photo {
background-color: transparent;
margin: 0px;
padding: 0px;
color : #999;
font-size: 1.2em;
font-weight : bold;
text-align: center;
width: 960px;
max-width: 960px;
min-width: 960px;
}


#menu a:link {
color : #4d4d4d;
text-decoration : none;
background-color: transparent;
font-weight : bold;
}

#menu a:visited{
color : #4d4d4d;
text-decoration : none;
background-color: transparent;
font-weight : bold;
} 

#menu a:hover{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : bold;
} 

#menu a:active {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : bold;
}





/* menus dynamiques */


a.acc {
	display: inline-block ;
	background: url(../images/menus/menu-accueil.gif) no-repeat 0 0;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 126px;
	max-width : 126px;
	min-width : 126px;
}

a.acc:hover,  a.acc:focus, a.acc:active {
	display: inline-block ;
	background: url(../images/menus/menu-accueil.gif) no-repeat 0 -50px;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 126px;
	max-width : 126px;
	min-width : 126px;
	}





a.sem {
	display: inline-block ;
	background: url(../images/menus/menu-semaine.gif) no-repeat 0 0;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 208px;
	max-width : 208px;
	min-width : 208px;
}

a.sem:hover,  a.sem:focus, a.sem:active {
	display: inline-block ;
	background: url(../images/menus/menu-semaine.gif) no-repeat 0 -50px;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 208px;
	max-width : 208px;
	min-width : 208px;
	}




a.pro {
	display: inline-block ;
	background: url(../images/menus/menu-prochaine.gif) no-repeat 0 0;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 256px;
	max-width : 256px;
	min-width : 256px;
}

a.pro:hover,  a.pro:focus, a.pro:active {
	display: inline-block ;
	background: url(../images/menus/menu-prochaine.gif) no-repeat 0 -50px;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 256px;
	max-width : 256px;
	min-width : 256px;
	}




a.mbs {
	display: inline-block ;
	background: url(../images/menus/menu-participants-2.gif) no-repeat 0 0;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 178px;
	max-width : 178px;
	min-width : 178px;
}

a.mbs:hover,  a.mbs:focus, a.mbs:active {
	display: inline-block ;
	background: url(../images/menus/menu-participants-2.gif) no-repeat 0 -50px;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 178px;
	max-width : 178px;
	min-width : 178px;
	}




a.perso {
	display: inline-block ;
	background: url(../images/menus/menu-espace.gif) no-repeat 0 0;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 192px;
	max-width : 192px;
	min-width : 192px;
}


a.perso:hover,  a.perso:focus, a.perso:active {
	display: inline-block ;
	background: url(../images/menus/menu-espace.gif) no-repeat 0 -50px;
	height : 50px;
	min-height: 50px;
	max-height: 50px;
	width : 192px;
	max-width : 192px;
	min-width : 192px;
	}

/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/






#ariane {
padding : 12px 0px 0px 0px;
margin : 0px;
font-size : 80%;
text-align : left;
background-color: #fff;
}

#ariane a:link {
color : #f19300;
text-decoration : none;
background-color: transparent;
font-weight : bold;
}

#ariane a:visited{
color : #f19300;
text-decoration : none;
background-color: transparent;
font-weight : bold;
} 

#ariane a:hover{
color : #4d4d4d; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
} 

#ariane a:active {
color : #4d4d4d; 
text-decoration : none;
background-color: transparent;
font-weight : bold;
}


/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/


#footer {
padding: 16px 0px;
text-align: left;
color: #ccc;
background-color: #2f2c27;
height : 140px;
min-height: 140px;
width: 960px;
max-width: 960px;
min-width: 960px;
margin: 10px auto;
font-weight : normal;
font-size: 90%;
}

#footer a:link {
color : #ccc;
text-decoration : none;
background-color: transparent;
font-weight : normal;
}

#footer a:visited{
color : #ccc;
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#footer a:hover{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#footer a:active {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
}




/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/


#colgauche {
background-color : #fff;
padding : 0px;
margin: 0px 0px 26px 20px;
text-align: left;
width: 170px;
max-width: 170px;
min-width: 170px;
float: left;
}


#contenu {
background-image:url(../images/fond-contenu.gif);
background-repeat: repeat-x;
background-color : #ffe6c8;
padding : 25px;
margin:  0px;
text-align: left;
width: 910px;
max-width: 910px;
min-width: 910px;
}


div.contenucomm {
background-color : transparent;
padding : 0px 20px 0px 0px;
margin:  0px;
text-align: left;
width: 670px;
max-width: 670px;
min-width: 670px;
float:left;
}


#contenu2 {
background-image:url(../images/fond-contenu.gif);
background-repeat: repeat-x;
background-color : #ffe6c8;
padding : 25px;
margin:  0px;
text-align: left;
width: 910px;
max-width: 910px;
min-width: 910px;
float: left;
overflow:visible;
}




#contphoto {
/*background-color : #fff;*/
padding : 0px 0px 26px 50px;
margin: 0px;
text-align: left;
width: 680px;
max-width: 680px;
min-width: 680px;
float: left;
}


#contlarge {
/*background-color : #fff;*/
padding : 16px 26px;
margin: 0px;
text-align: left;
/*width: 680px;
max-width: 680px;
min-width: 680px;*/
}





/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/




div.div227 {
text-align:center;
width : 225px;
max-width: 225px;
min-width: 225px;
padding: 0px;
margin: 0px;
float: left;
background-color: transparent;
border-right: 1px solid #b3b3b3;
}



div.div227_sans {
text-align:center;
width : 225px;
max-width: 225px;
min-width: 225px;
padding: 0px;
margin: 0px;
float: left;
background-color: transparent;
}



div.div227b {
text-align:left;
width : 200px;
max-width: 200px;
min-width: 200px;
padding: 0px 12px;
margin: 0px;
float: left;
background-color: transparent;
border-right: 1px solid #b3b3b3;
}



div.div227_sansb {
text-align:left;
width : 200px;
max-width: 200px;
min-width: 200px;
padding: 0px 12px;
margin: 0px;
float: left;
background-color: transparent;
}


div.divcomm {
position : relative;
z-index: 999;
font-size: 0.9em;
width : 200px;
max-width: 200px;
min-width: 200px;
padding: 10px;
margin: 0px;
float: right;
background-color: #2f2c27;
color : #fff;
}


div.divcomm2 {
font-size: 0.9em;
width : 200px;
max-width: 200px;
min-width: 200px;
padding: 9px;
margin: 0px;
float: left;
background-color: transparent;
color : #333;
border-left: 1px solid #b3b3b3;
}



div.divcomm a:link {
color : #66b9dd;
font-weight : normal;
}

div.divcomm a:visited{
color : #66b9dd;
font-weight : normal;
} 

div.divcomm a:hover{
color : #e3007c;
font-weight : normal;
} 

div.divcomm a:active {
color : #e3007c;
font-weight : normal;
}




div.divcomm2 a:link {
color : #666;
text-decoration : none;
background-color: transparent;
font-weight : normal;
text-decoration:underline;
}

div.divcomm2 a:visited{
color : #666;
text-decoration : none;
background-color: transparent;
font-weight : normal;
text-decoration:underline;
} 

div.divcomm2 a:hover{
color : #e30007c;
text-decoration : none;
background-color: transparent;
font-weight : normal;
text-decoration:underline;
} 

div.divcomm2 a:active {
color : #e30007c;
text-decoration : none;
background-color: transparent;
font-weight : normal;
text-decoration:underline;
}




div.semaine_pro {
background-image:url(../images/theme-semaine-prochaine.gif);
background-repeat:no-repeat;
margin: 0px;
padding: 80px 8px 10px 8px;
width : 124px;
max-width: 124x;
min-width: 124x;
height : 50px;
max-height: 50x;
min-height: 50x;
text-align:center;
}



a.lienblock {
	font-size: 1em;
	text-decoration:none;
	display: inline-block ;
	background-color : #66b9dd;
	color : #fff;
	height : 40px;
	min-height: 40px;
	max-height: 40px;
	width : 200px;
	max-width : 200px;
	min-width : 200px;
	padding: 10px;
	margin: 2px;
	float: left;
}


a.lienblock:hover,  a.lienblock:focus, a.lienblock:active {
	font-size: 1em;
	text-decoration:none;
	display: inline-block ;
	background-color : #e3007c;
	color : #fff;
	height : 40px;
	min-height: 40px;
	max-height: 40px;
	width : 200px;
	max-width : 200px;
	min-width : 200px;
	padding: 10px;
	margin: 2px;
	float: left;
	}




a.lienblock2 {
	font-size: 1em;
	text-decoration:none;
	display: inline-block ;
	background-color : none;
	color : #333;
	height : 40px;
	min-height: 40px;
	max-height: 40px;
	width : 200px;
	max-width : 200px;
	min-width : 200px;
	padding: 10px;
	margin: 2px;
	float: left;
}


a.lienblock2:hover,  a.lienblock2:focus, a.lienblock2:active {
	font-size: 1em;
	text-decoration:none;
	display: inline-block ;
	background-color : #333;
	color : #fff;
	height : 40px;
	min-height: 40px;
	max-height: 40px;
	width : 200px;
	max-width : 200px;
	min-width : 200px;
	padding: 10px;
	margin: 2px;
	float: left;
	}




a.blocblanc {
	font-size: 1em;
	text-decoration:none;
	text-align:center;
	display: inline-block ;
	background-color : #fff;
	color : #666;
	height : 12px;
	min-height: 12px;
	max-height: 12px;
	width : 180px;
	max-width : 180px;
	min-width : 180px;
	padding: 4px;
	margin: 2px;
	float: left;
}


a.blocblanc:hover,  a.blocblanc:focus, a.blocblanc:active {
	font-size: 1em;
	text-decoration:none;
	text-align:center;
	display: inline-block ;
	background-color : #e3007c;
	color : #fff;
	height : 12px;
	min-height: 12px;
	max-height: 12px;
	width : 180px;
	max-width : 180px;
	min-width : 180px;
	padding: 4px;
	margin: 2px;
	float: left;
	}





div.mini {
font-size: 80%;
width : 120px;
max-width: 120px;
min-width: 120px;
height : 180px;
max-height: 180px;
min-height: 180px;
text-align:center;
padding: 0px auto;
margin: 0px 16px 0px 0px;
float: left;
background-color: transparent;

}


div.miniphoto {
width : 140px;
max-width: 140px;
min-width: 140px;
height : 140px;
max-height: 140px;
min-height: 140px;
padding: 0px;
margin : 0px;
overflow:hidden;
}


div.cadredefi {
padding : 8px;
margin: 0 auto;
border: 1px solid #ccc;
text-align:center;
width : 140px;
max-width: 140px;
min-width: 140px;
height : 140px;
max-height: 140px;
min-height: 140px;
}


div.cadregalerie {
padding : 0px;
margin: 0px;
width : 227px;
max-width: 227px;
min-width: 227px;
height : 227px;
max-height: 227px;
min-height: 227px;
overflow:hidden;
float:left;
}


div.demidefi {
padding : 10px;
margin: 0px;
width : 435px;
max-width: 435px;
min-width: 435px;
float:left;
}


div.commentaire {
padding : 16px 0px;
margin: 0px;
border-bottom: 1px solid #999;
text-align:left;
overflow:visible;
min-height: 60px;
}


/*

div.miniphotogalerie {
width : 140px;
max-width: 140px;
min-width: 140px;
height : 140px;
max-height: 140px;
min-height: 140px;
padding: 0px;
margin : 0px;
overflow:hidden;
}

*/

div.photohome {
width : 420px;
max-width: 420px;
min-width: 420px;
/*height : 180px;
max-height: 180px;
min-height: 180px;*/
text-align:center;
padding: 0px 0px 0px 30px;
margin: 0px;
float: left;
background-color: transparent;
}



div.photo_diaporama_home {
width : 380px;
max-width: 380px;
min-width: 380px;
height : 380px;
max-height: 380px;
min-height: 380px;
padding: 0px;
margin : 0px;
overflow:hidden;
}


div.cadredefi2 {
padding : 8px;
margin: 0 auto;
border: 1px solid #ccc;
text-align:center;
width : 380px;
max-width: 380px;
min-width: 380px;
height : 380px;
max-height: 380px;
min-height: 380px;
overflow:hidden;
}



/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/



div.homegauche {
background-color : #fff;
padding : 0px;
margin: 0px 0px 26px 0px;
text-align: left;
width: 350px;
max-width: 350px;
min-width: 350px;
float: left;
}

div.homedroite {
background-color : #fff;
padding : 0px;
margin: 0px 0px 26px 40px;
text-align: left;
width: 310px;
max-width: 310px;
min-width: 310px;
float: left;
}



div.div310 {
background-color : #fff;
padding : 0px;
margin: 0px 0px 26px 0px;
text-align: left;
width: 240px;
max-width: 240px;
min-width: 240px;
float: left;
}



div.div350 {
background-color : #fff;
padding : 0px;
margin: 0px 0px 26px 60px;
text-align: left;
width: 400px;
max-width: 400px;
min-width: 400px;
float: left;
}





div.div350b {
background-color : #fff;
padding : 0px;
margin: 0px 0px 26px 0px;
text-align: left;
width: 400px;
max-width: 400px;
min-width: 400px;
float: left;
}



div.div310b {
background-color : #fff;
padding : 0px;
margin: 0px 0px 26px 60px;
text-align: left;
width: 240px;
max-width: 240px;
min-width: 240px;
float: left;
}






div.degrade {
background-image: url(../images/degrade.gif);
background-repeat : no-repeat;
padding: 8px 16px;
font-size: 90%;
}



div.fondgris {
padding: 4px 4px 8px 4px;
background-color: #1a1a1a;
color: #fff;
}

div.fondgris a {
color : #fff;
}

div.fondgris a:hover,  div.fondgris a:focus, div.fondgris a:active {
color : #e7511e;
}



div.fondorange {
background-image:url(../images/fond-orange.gif);
background-repeat:repeat-y;
padding: 4px 4px 8px 4px;
background-color: #1a1a1a;
color: #fff;
}

div.fondorange a {
color : #fff;
}

div.fondorange a:hover,  div.fondorange a:focus, div.fondorange a:active {
color : #000;
}



div.photo {
padding: 16px 0px 16px 0px;
text-align:center;
background-color: #1a1a1a;
color: #fff;
}


div.photo a {
color : #e3007c;
}

div.photo a:hover,  div.photo a:focus, div.photo a:active {
color : #fff;
}



/* CADRES */



div.cadre {
margin: 26px 60px 26px 60px;
padding: 20px;
border: 1px solid #96bd0d;
background-color: #fff;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


div.cadretransp {
margin: 26px 60px 26px 60px;
padding: 20px;
border: none;
background-color: #fff;
}


div.cadre450cadre {
width : 410px;
max-width: 410px;
min-width: 410px;
padding: 10px 20px;
border: 1px solid #ffffc8;
float: right;
background-color: #82a000;
font-size: 80%;
}



div.cadre480 {
width : 480px;
max-width: 480px;
min-width: 480px;
padding: 0px;
/*border: 1px solid #ccc;*/
float: left;
background-color: transparent;
}



div.trait {
border-top: 1px solid #ccc;
padding: 0px;
margin: 16px 0px;
}


div.traitneutre {
border-top: 1px solid #ccc;
padding: 0px;
margin: 16px 0px;
clear : both;
}



/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/

/* TITRES */

h1 {
color : #66b9dd;
font-size : 2em;
padding : 0px;
margin : 0px 0px 25px 0px;
font-family : Arial, sans-serif;
text-align : left;
font-weight : bold;
text-transform:uppercase;
}


h1.photo {
/*background-color : #fff;*/
color : #1a1a1a;
font-size : 1.4em;
padding : 16px 8px 8px 0px;
margin : 0px 0px 0px 0px;
font-family : Arial, sans-serif;
text-align : left;
font-weight : bold;
}





h2 {
/*background-image: url(../images/h2-poses-de-chats.gif);
background-repeat:no-repeat;*/
color: #666;
font-size: 1.6em;
font-weight : normal;
background-color : transparent;
padding: 0px;
margin: 0px 0px 16px 0px;
/*border-top: 1px solid #96bd0d;*/
border-bottom: 1px dotted #333;
}


h2.sans {
/*background-image: url(../images/h2-poses-de-chats.gif);
background-repeat:no-repeat;*/
color: #999;
font-size: 1.6em;
font-weight : normal;
background-color : transparent;
padding: 0px;
margin: 0px 0px 16px 0px;
/*border-top: 1px solid #96bd0d;*/
border-bottom: none;
}



h2.gris {
background-image: none;
color: #fff;
font-size: 1.3em;
font-weight : bold;
background-color : #1a1a1a;
padding: 4px;
margin: 0px;
border-bottom: none;
}


h2.orange {
background-image: none;
color: #fff;
font-size: 1.3em;
font-weight : bold;
background-image:url(../images/fond-orange.gif);
background-repeat:repeat-y;
padding: 4px;
margin: 0px;
border-bottom: none;
}



div.divcomm h2 {
background-image : none;
color: #e3007c;
font-size: 1.2em;
font-weight : bold;
background-color : transparent;
padding: 0px 0px 0px 0px;
margin: 0px;
border-bottom: none;
}


div.photohome h2 {
background-image : none;
color: #666;
font-size: 1.6em;
font-weight : bold;
background-color : transparent;
padding: 4px;
margin: 0px 0px 26px 0px;
border: 1px solid #ccc;
width : 388px;
max-width: 388px;
min-width: 388px;
}


h3 {
background-color: transparent;
color: #66b9dd;
padding: 0px 0px 0px 0px;
margin: 4px 0px 4px 0px;
}


div.cadre450cadre h3 {
color: #fff;
font-size: 1em;
background-color : transparent;
padding: 0px 0px 4px 0px;
margin: 0px;
font-weight: bold;
}


/* GENERAL */

.arrondi {
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


.degrade {
background-image:url(../images/degrade.gif);
background-repeat: repeat-x;
}



/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/


/* DIV */

div.neutre {
clear: both;
margin: 0;
padding: 0;
}

div.neutre10 {
clear: both;
padding: 5px 0px;
}

div.neutre24 {
clear: both;
padding: 12px 0px;
}

div.cadre_blanc {
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
}


div.cadretxt {
padding: 10px;
border: 1px solid #999;
background-color: transparent;
}


div.cadret {
margin: 26px 60px 26px 60px;
/*padding: 20px;*/
padding: 10px;
border: none;
background-color: transparent;
max-width: 530px;
}


div.cadreorange {
padding: 10px;
border: 1px solid #f19300;
background-color: transparent;
}


div.cadre_desc {
padding: 10px;
border: 1px solid #ccc;
background-color: transparent;
margin: 0px;
}


div.classic {
background-color:#fff;
}


div.gauche {
float: left;
width: 48%;
max-width: 48%;
min-width: 48%;
background-color: #fff;
text-align: left;
padding: 1% 0;
margin: 1% 0;
}

div.droite {
float: right;
width: 46%;
max-width: 46%;
min-width: 46%;
background-color: transparent;
text-align: left;
padding: 1% 0;
margin: 2% 0;
}


div.aligngauche{
padding: 0px 0px 4px 30px;
text-align: left;
}


div.aligndroite{
padding: 0px 0px 0px 0px;
text-align: right;
/*border-bottom : 1px solid #ccc;*/
}



div.centrer{
text-align: center;
}


div.cadrecentrer{
text-align: center;
background-color: #1a1a1a;
padding: 0px;
margin: 0px;
width: 350px;
max-width: 350px;
min-width: 350px;
height: 350px;
max-heigth: 350px;
min-heigth: 350px;
overflow: hidden;
}


div.cadrecentrerhome{
text-align: left;
background-color: #fff;
padding : 8px 20px;
margin: 16px 0px 0px 0px;
width: 300px;
max-width: 300px;
min-width: 300px;
border: 1px solid #ccc;
}


div.cadresimple {
margin: 4px 0px;
padding: 4px;
border: 1px solid #999;
background-color: #fff;
color: #333;
}



div.centrer2{
text-align: center;
padding: 0px 0px 16px 0px;
}


div.demi {
width : 48%;
float: left;
}


div.distri {
padding: 16px;
float: left;
width: 200px;
max-width: 200px;
min-width: 200px;
}


/* SPAN */

span.rouge {
color: #909;
font-weight: bold;
font-size: 1.2em;
}


span.rougepetit {
color: #909;
font-weight: bold;
font-size: 0.9em;
}


span.blancpetit {
color: #fff;
font-weight: bold;
font-size: 1em;
}


span.bleu {
color: #66b9dd;
font-weight: bold;
}


span.blanc {
color: #fff;
font-weight: bold;
font-size: 1.2em;
}



span.gros {
color: #333;
font-size: 1.2em;
font-weight: normal;
}


span.petit {
font-size: 0.9em;
}

/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/


/* FORMULAIRE */

form {
/*width: 800px;*/
margin: 0px auto;
text-align: left;
color : #333;
padding : 0px;
margin: 0px;
}


fieldset.petit {
/*width: 520px;*/
text-align: right;
color : #333;
padding : 0px;
margin: 4px 0px 4px 0px;
float : right;
background-color: transparent;
border: none;
}


fieldset.petit a:link {
color : #fff;
}

fieldset.petit a:visited{
color : #fff;
} 

fieldset.petit a:hover{
color : #ccc;
} 

fieldset.petit a:active {
color : #ccc;
}



fieldset {
padding : 8px;
border: none;
background-color: #fff;
border: 1px solid #66b9dd;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


fieldset.classic {
padding : 8px;
border: none;
background-color: #e6e6e6;
border: 1px solid #ccc;
}



fieldset fieldset {
background-color: #fff;
padding : 8px 16px 8px 16px;
margin: 8px 0px;
border: 1px solid #999;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


legend {
color : #66b9dd;
font-size: 1.4em;
font-weight: bold;
padding: 0px 0px 12px 0px;
}

label{
color : #66b9dd;
font-weight: bold;
}

label.petit {
color : #fff;
font-weight: bold;
}

textarea {
border: 1px solid #66b9dd;
font-family: Arial, sans-serif;
}

input {
border: 1px solid #66b9dd;
background: #fff;
padding: 2px;
margin: 0px;
}


input.petit {
border: none;
background: #fff;
padding: 0px;
margin: 0px;
}


input.submit {
display: inline-block ;
float:right;
border: none;
color: #fff;
font-weight: bold;
background-color: #e3007c;
padding: 2px 26px;
margin: 0px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


input.submitleft {
border: none;
color: #fff;
font-weight: bold;
background-color: #e3007c;
padding: 2px 26px;
margin: 0px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}



input.submitpetit {
display: inline-block ;
float:right;
border: none;
color: #fff;
font-weight: bold;
background-color: #e3007c;
padding: 0px;
margin: 0px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


input.submitbleu {
display: inline-block ;
float:right;
border: none;
color: #fff;
font-weight: bold;
background-color: #66b9dd;
padding: 0px;
margin: 0px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}


input.submithaut {
display: inline-block ;
border: none;
color: #fff;
font-weight: bold;
background-color: #96bd0d;
padding: 2px 26px;
margin: 0px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
}




/* LIENS DIVERS */



a.cadre {
	display: block ;
	margin: 0px;
	padding: 2px 8px;
	background-color: #f90;
	color: #fff;
	text-decoration: none;
	/*width: 200px;
	max-width: 200px;
	min-width: 200px;*/
	text-align: center;
	float: right;
	}

a.cadre:hover,  a.cadre:focus, a.cadre:active {
	display: block ;
	margin: 0px;
	padding: 2px 8px;
	background-color: #f90;
	color: #333;
	text-decoration: none;
	/*width: 200px;
	max-width: 200px;
	min-width: 200px;*/
	text-align: center;
	float: right;
	}





#col_droite a:link {
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : bold;
}

#col_droite a:visited{
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : bold;
} 

#col_droite a:hover{
color : #333; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
} 

#col_droite a:active {
color : #333; 
text-decoration : underline;
background-color: transparent;
font-weight : bold;
}




div.div320 a:link {
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : normal;
font-size: 80%;
}

div.div320 a:visited{
color : #333;
text-decoration : none;
background-color: transparent;
font-weight : normal;
font-size: 80%;
} 

div.div320 a:hover{
color : #333; 
text-decoration : underline;
background-color: transparent;
font-weight : normal;
font-size: 80%;
} 

div.div320 a:active {
color : #333; 
text-decoration : underline;
background-color: transparent;
font-weight : normal;
font-size: 80%;
}






/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/


/* ONGLETS */

ul.tabs {
padding : 0px;
margin: 0px;
}


ul.tabs li {
float : left;
list-style-type: none;
}


ul.tabs li a {
background-color: #ccc;
color: #666;
font-weight: bold;
display: block;
text-align: center;
padding: 4px 8px;
margin : 0px;
width: 200px;
text-decoration: none;
border: none;
}


ul.tabs li a:hover {
background-color:#666;
color: #fff;
font-weight: bold;
display: block;
text-align: center;
padding: 4px 8px;
margin : 0px;
width: 200px;
text-decoration: none;
border: none;
}


ul.tabs li a.focusprice {
background-color: #e66e14;
color: #fff;
font-weight: bold;
padding: 4px 8px;
margin : 0px;
width: 200px;
text-decoration: none;
border: none;
}




/* LISTES */

ul {
margin : 0px;
padding : 0px;
background-color: transparent;
list-style-position:inside;
list-style-type:square;
}


div.divcomm ul {
margin : 0px;
padding : 0px;
background-color: transparent;
list-style-position:inside;
list-style-type:none;
}


div.divcomm2 ul {
margin : 0px;
padding : 0px;
background-color: transparent;
list-style-position:inside;
list-style-type:none;
}


div.diaporama-home ul {
margin : 0px auto;
padding : 0px;
}

ul ul {
margin : 0px 0px;
padding : 0px;
background-color: transparent;
}


li {
padding : 2px;
margin:0px;
background-color: transparent;
}



li.comm {
padding : 6px 0px;
margin:0px;
background-color: transparent;
}




/*
menu #4d4d4d
trait #666
h1 #666
txt #808080
orangé #f19300
rouge #bd0926
*/


/* IMAGES */

a:link img {
border : 0px;
}

a:visited img {
border : 0px;
}

a:hover img {
border : 0px;
}

a:active img {
border : 0px;
}

a img {
border : none;
}

img.gauche {
float : left;
margin-right : 32px;
margin-bottom : 8px;
}


img.gauchepetit {
float : left;
margin-right : 8px;
margin-bottom : 8px;
}


img.gauche_cadre {
float : left;
margin-right : 16px;
margin-bottom : 8px;
padding: 4px;
border: 1px solid #ccc;
}

img.droite {
float : right;
margin-left : 16px;
margin-bottom : 8px;
}

img.droite_cadre {
float : right;
margin-left : 16px;
margin-bottom : 8px;
padding: 4px;
border: 1px solid #ccc;
}


img.photo {
border: 26px solid #fff;
}


img.cadre8 {
padding: 8px;
border: 1px solid #ccc;
}


div.participants img {
padding: 6px;
border: 1px solid #999;
}



/* TABLEAU*/

table {
border-collapse: collapse;
font-size: 90%;
}


th {
padding : 8px 16px;
border-bottom: 1px solid #ccc;
text-align: left;
color : #fff;
background-color: #333;
}

td {
padding : 8px 16px;
border-bottom: 1px solid #ccc;
text-align: left;
color : #333;
}

.td_sans {
padding : 8px 16px;
border-top: none;
text-align: left;
}