body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: sans-serif;
	font-size:12px;
	background-color: #FAFAFA;
}



div#bandeau{
	background-image: url(../images_interface/contenu/backcelyabandeautop.jpg);
	background-position: center;
	background-repeat: repeat-x;
	width: 100%;
	text-align: center;
}

div#rss {
	float: right;
	width: 18%;
}

/*****************************************************************
 *	le menu haut
 */
div#menu {
	font-size:12px;
	font-weight:bolder;
	margin-top:-22px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:2px;
	margin-left:5%;
}

div#menu a.actif{
	color:white;
	text-decoration: none;
}

div#menu a{
	color:black;
	text-decoration: none;
	width:150px;
	padding-left:30px;
	padding-right:30px;
//	border-left:1px solid gray;
//	border-right:1px solid gray;
}

div#menu a:visited{
	color:black;
	text-decoration: none;
}

div#menu a.actif:visited{
	color:white;
	text-decoration: none;
}
div#menu a:hover{
	color:#FFFFFF;
	text-decoration: none;
}

div#menu td{
	text-decoration: none;
}

div#menu td:hover{
	text-decoration: none;
	color:#FFFFFF;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}


/**********************************************************************
 * Les sous-menu
 */
div.cache{
	visibility: hidden;
	display : none;
	height : 0px;
	margin-left:0px;
	border-left:none;
	color:#ffffff;
	border:none;
}

div.smenu{
	min-width:74%;	
	margin-top:3px;
	color:#ffffff;
	position:absolute;
	visibility: visible;
	height:auto;
	left:0px;
	margin-left:6%;
	padding-bottom:0px;
	border:none;
	background-color: #222200;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	font-weight: bold;

	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-o-border-radius:4px;
	
	box-shadow: 3px 5px 8px #999;
	-webkit-box-shadow: 3px 5px 8px #999;
	-moz-box-shadow: #999 3px 5px 8px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=155, Strength=); 
	
}


div.smenu a{
	border:none;
	font-size:12px;	 
}


div.smenu a span{
	color:#ffffff;
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	width:50px;	
	text-decoration: none;
}

div.smenu a span:visited {
	color:#ffffff;
}

div.smenu a span:hover{
	border:none;
	color:#666666; 
}

div.smenu a span.selected{
	margin-right:-5px;
	color:#ffffff;
	background-color: #666;
	border-right:solid 1px #666;
	border-left:solid 1px #666;
}
/***************************************************************************
 *Le pied de page
 */
#footer{
	width:100%;	
	background-image: url(../images_interface/footer/backgroundfooter.png);
	bottom:0px;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	color:white;
	text-decoration:none;
	font-style: italic;	
}

.footermenu {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #FFFFFF;
}
	
.footersousmenu {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #858585;
	border : none;
}


.footertexte {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #858585;	
}

.footersignature {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #858585;
}



/*****************************************************************
 *	le menu droit
 */
div#menudroit{
	padding-top:30px;
	float:right;
	text-align:left;
	max-width:250px;
	width:18%;
	margin-right:2%;
}

div#menudroit div{
	margin-top: 20px;
	border:solid 1px black;
	background-color: #f6844e;

	padding:10px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-o-border-radius:5px;
	
/*	background: -webkit-gradient(radial,center center,10,center center,200,from(#FFFFFF),to(#9CB8E5));
	background: -moz-radial-gradient(center,#FFFFFF,#9CB8E5);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#9CB8E5));
	background: -moz-linear-gradient(top,#FFFFFF,#9CB8E5);
*/	
	box-shadow: 3px 5px 8px black;
	-webkit-box-shadow: 3px 5px 8px black;
	-moz-box-shadow: black 3px 5px 8px;
	 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=155, Strength=10); 
}

div#menudroit ul{
	padding-left: 10px;
	list-style-image: url(../images/asterisk_noire.png);
	
	font-size:14px;
	font-weight:normal;
	color:#333;
}

div#menudroit h1{
	color : #00adef;
	color : #f6844e;
	color : #ffffff;
	padding-top: 0px; 
	margin-top: 0px; 
	font-size: 18px;
	font-weight:bold;
	text-shadow: 2px 3px 5px #B6440e;
	text-align:center;
}


div#menudroit a{
	color : #00adef;
	color : #333333	;
	padding-top: 0px; 
	margin-top: 0px; 
	font-size: 14px;
	font-weight:bold;
	text-decoration: none
}
div#menudroit p{
	padding:0px;
	margin:4px 0px 4px 0px;
}
div#menudroit input{
	border : solid 1px black;
	width:140px;
}

div#menudroit select{
	border : solid 1px black;
	width:140px;
	background-color:#DDD;
}

div#menudroit input[type=submit]{
	box-shadow: 1px 3px 5px black;
	border-radius:5px;
	width:180px;
}
div#menudroit IMG{
	box-shadow: 1px 3px 5px black;
	border-radius:5px;
}

/*****************************************************************************
 * La zone applicative
 ****************************************************************************/
div#page {
	font-size: 14px;
	min-height:500px;
	width:70%;
	max-width:70%;
	text-align:justify;
	border-right:outset 1px gray;
	border-left:outset 1px gray;
	padding:10px;
	padding-top:40px;
	padding-bottom:30px;
	margin-bottom:-12px;
	margin-left:7%;
	margin-right:5%;
	background-color:#FDFDFD;
	box-shadow: 3px 4px 10px black;
	-webkit-box-shadow: 3px 4px 10px black;
	-moz-box-shadow: black 3px 4px 8px;
}

#page h1 {
	color: #333333;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 24px;
	font-weight: bolder;
	text-shadow: 2px 4px 8px #999;
	//	filter: Shadow(color=gray, direction=135);
	//	text-align: center;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=155, Strength=10); 

}

#page h1:hover { 
	color : #444;
	text-shadow: 2px 4px 5px #333333;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=155, Strength=6); 

}

#page h2 {
	color : #666666;
	padding-top: 0px; 
	padding-left: 50px; 
	margin-top: 10px; 
	font-size: 20px;
	font-weight:bold;
/*	text-shadow: 1px 2px 2px #666666;
//	filter : Shadow(color=#85Edf4, direction=135);
//	text-align:center;
*/	
}

#page a {
	font-weight:bold;
	text-decoration:none;
	color:gray;
}

#page a:hover {
	font-weight:bold;
	text-decoration:none;
	font-style: italic;
	color:gray;
	play-during: url("./sons/boing.wav") mix;
}

#page ul li{
		list-style-image: url('../images/mini-asterisk.png');
}

#page ul.bloc{
	padding:10px;
	padding-left:30px;
	margin-top:2px;
	margin-bottom:-20px;
	margin-right:-10px;
	border :solid 1px gray;

	background-color:#EEEEEE;
	overflow:auto;
	height:100%;

	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	-o-border-radius:15px;
	
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#9CB8E5));
	background: -moz-linear-gradient(top,#FFFFFF,#9CB8E5);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#FFFFFF,endColorstr=#9CB8E5,GradientType=0); zoom: 1;
	
	box-shadow: 3px 5px 8px black;
	-webkit-box-shadow: 3px 5px 8px black;
	-moz-box-shadow: black 3px 5px 8px;
	
}

#page div.bloc{
	padding:10px;
	margin-bottom:20px;
	border :solid 1px gray;

	background-color:#EEEEEE;
	overflow:auto;
	height:100%;

	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	-o-border-radius:15px;
	
	background: -webkit-gradient(radial,center center,10,center center,200,from(#FFFFFF),to(#9CB8E5));
	background: -moz-radial-gradient(center,#FFFFFF,#9CB8E5);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#9CB8E5));
	background: -moz-linear-gradient(top,#FFFFFF,#9CB8E5);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#FFFFFF,endColorstr=#9CB8E5,GradientType=0); zoom: 1;
	
	box-shadow: 3px 5px 8px black;
	-webkit-box-shadow: 3px 5px 8px black;
	-moz-box-shadow: black 3px 5px 8px;
}

#page a.onglet {
	background-color : white;
	padding: 0px 5px 0px 5px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-o-border-radius:4px;
	
	color:darkblue;	
}
/**********************************************************************************************************
* Tableaux de données
*/

table thead tr {
	font-size: 14px;
	font-weight: bold;
	color:#ffffff;
	background-color:#035786;
}

table thead tr th {
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	text-align: center;
}


table thead tr td {
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	text-align: center;
}

table tbody tr.ro1 {
	background-color:#aaddFF;
}
table tbody tr.ro2 {
	background-color:#FFddaa;
}

table tbody tr th {
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

table tbody tr th.ro1 {
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#86c6df;
}
table tbody tr th.ro2 {
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

table tbody tr th.ce0 {
	font-size: 12px;
	text-align:left;
	font-weight: normal;
	padding-left:10px;
	background-color:#2a6e9d;
}
table tbody tr th.ce1 {
	text-align:left;
	padding-left:30px;
	background-color:#1b6799;
}
table tbody tr th.ce2 {
	text-align:left;
	padding-left:30px;
	background-color:#0f6199;
}
table tbody tr th.ce3 {
	text-align:left;
	padding-left:30px;
	background-color:#0f6199;
}

table tbody tr td.ce10 {
	text-align:left;
 	padding-left:10px;
	background-color:#86c6df;
}
table tbody tr td.ce11 {
	text-align:left;
	text-align:center;
	background-color:#50b0d8;
}
table tbody tr td.ce12 {
	text-align:left;
	text-align:center;
	background-color:#2a9cd2;
}
table tbody tr td.ce13 {
	text-align:left;
	text-align:center;
	background-color:#1591d1;
}
table tbody tr td.ce14 {
	text-align:left;
	text-align:center;
	background-color:#0581d0;
}


table tbody tr td.ce20 {
	text-align:left;
 	padding-left:10px;
}
table tbody tr td.ce21 {
	text-align:left;
	text-align:center;
	background-color:#b7d5e0;
}
table tbody tr td.ce22 {
	text-align:left;
	text-align:center;
	background-color:#91c8dd;
}
table tbody tr td.ce23 {
	text-align:left;
	text-align:center;
	background-color:#72bbdb;
}
table tbody tr td.ce24 {
	text-align:left;
	text-align:center;
	background-color:#62abdb;
}


table tbody tr td.right {
	text-align:right;
	padding-right:10px;
}


table tbody tr td.ce1 {
	text-align:left;
	padding-left:30px;
}


table tbody tr td.ce2 {
	text-align:center;
	border-left:1px solid white;
}


/* Bloc qui change de couleur */
a#bloccol{
	font-size:16px;
	font-weight:bolder;
	font-style:normal;
}

a#bloccol:hover{
	font-style:normal;
}
a#bloccol.normal span.contact:before{
	//content:"Contactez";
}

a#bloccol.normal span.contact{
	color:#00aeef;
	content:"Contactez";
	
	text-shadow: 3px 5px 10px #00aeef;
	-webkit-text-shadow: 3px 5px 10px #00aeef;
	-moz-text-shadow: #00aeef 3px 5px 10px;

}
a#bloccol.normal span.nous{
	color:#f7864a;
	text-shadow: 3px 5px 10px  #f7864a;
	-webkit-text-shadow: 3px 5px 10px #f7864a;
	-moz-text-shadow: #f7864a 3px 5px 10px;
}

a#bloccol:hover span.contact{
	color:#f7864a;
	text-shadow: 3px 5px 10px #f7864a;
	-webkit-text-shadow: 3px 5px 10px #f7864a;
	-moz-text-shadow: #f7864a 3px 5px 10px;
}
a#bloccol:hover span.nous{
	color:#00aeef;
	text-shadow: 3px 5px 10px #00aeef;
	-webkit-text-shadow: 3px 5px 10px #00aeef;
	-moz-text-shadow: blue 3px 5px #00aeef;
}

a#bloccol.inverse span.contact{
	color:#f7864a;
	text-shadow: 3px 5px 10px #f7864a;
	-webkit-text-shadow: 3px 5px 10px #f7864a;
	-moz-text-shadow: #f7864a 3px 5px 10px;
}
a#bloccol.inverse span.nous{
	color:#00aeef;
	text-shadow: 3px 5px 10px #00aeef;
	-webkit-text-shadow: 3px 5px 10px #00aeef;
	-moz-text-shadow: #00aeef 3px 5px 10px;
}


/************* nuage ************/



ul#ts1 {
	position:absolute;
	top:0px;
	right:50px;
	height:120px;
	width:500px;
}

ul#ts1 li{
	list-style-image:none;
}

ul#ts1 li a{
	color: #d6642e;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;

	
	
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}


ul#ts1 li a:hover{
	text-shadow: 1px 2px 2px #D6642e;
}

span.erreur {
	color:red;
	font-size:16px;
	font-weight:bold;
}