html, body {
	margin: 0;
	margin: 0;
	text-align: center;
}

a:link, a:visited {color: #03c; }
a:hover {color: #03c; text-decoration: none; }


p {
	font-size: 13px;
	padding-left: 1.5em;
}

#page {
	margin-left: auto;
	margin-right: auto;
	With: 90%;
	text-align: center;
}


#content {
	background: url('images-devel/middle.gif');
	margin: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 5px;
	text-align: left;
	font-family: Verdana,'Bitstream Vera Sans',helvetica,sans-serif;
	
}

#pub {
		margin: 1em;
		border: 1px dotted #cccccc;
}

#pub h1 {
	
	text-align: right;
	font-size: 1.2em;
	border-bottom: 1px dotted #cccccc;

}





#content .bouton {
	padding: 5px 0 0 8px;
	height: 39px;
	width:200px;
	color: #1F5697;
	background: url(img/fond-menu.gif) no-repeat 0% 40%;
	font: bold 1.5em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	float: right;
	display: block;
}



#content .BtRed {
	float: right;
	width:30%;
	text-align: center;
	margin: 0 0.5em 1em 1em;
	padding: 2px 1em 2px 1em;
	font-weight: bold;
	font-size: 0.8em;
    background: #FF9966;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}

	
#content .BtRed  a:link, #content .BtRed  a:visited{
	color: #FFF5E1;
}
#content .BtRed  a:hover{
	color: #FFF5E1;
	text-decoration: none;
}

#content #erreur {
	float: right;
	width:96%;
	text-align: center;
	margin-bottom: 1em;
	padding: 2px 1em 2px 1em;
	font-weight: bold;
	font-size: 0.8em;
    background: #FFDFDF;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #FF0000;
}

#content #part ul
{
margin: 0;
padding: 0;
white-space: nowrap;
text-align: center;
}

#content #part li
{
display: inline;
list-style-type: none;
font-family: Verdana, sans-serif;
font-size:0.6em;
}

#content #part a { padding: 1px 3px; font-size:0.9em;}

#content #part a:link, #part a:visited
{
color: #aaa;
border: 1px solid #ddd;
text-decoration: none;
}

#content #part a:hover
{
color:#777;
border: 1px solid #ddd;
border-bottom: 2px solid #ddd;
text-decoration: none;
}


/*        FORM           */

label {
	width:20em;
	float:left;
	text-align:right;
	padding-right:18px;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size:13px;
}
input, textarea {
	margin: 0.2em;
	background:#fff;
	border:1px solid #aaa;
	padding:0.2em;
}
.fullsize {
	width:98%;
	height:10em;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #aaa;
	padding:3px;
}

form {
	font-size: 13px;
}
input.select{
	font-size: 13px;
}

legend, label { font-weight: bold; }

fieldset {
	width: 95%;
	background: #FFFFCA;
	text-align: left;
}


#defile {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size:0.8em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

#defile a:link, #defile a:visited
{
color: #1F5697;
text-decoration: none;
font-weight: bold;
}

#defile a:hover
{
color:#1F5697;
text-decoration: none;
font-weight: bold;
}

#navlist ul
{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
font-family: Verdana, sans-serif;
font-size:0.8em;
}

#navlist a { padding: 3px 7px; }

#navlist a:link, #navlist a:visited
{
	color: #505050;
	background: #f4f4f4;
	border: 1px solid #cccccc;
	text-decoration: none;
}

#navlist a:hover
{
	background: #eaeaea;
	color: #1F5697;
	border-bottom: 3px solid #1F5697;
	text-decoration: none;
}



/* ---------------------------------- */



h1 {	
	font-family: arial,verdana,'Bitstream Vera Sans',helvetica,sans-serif;
	font-weight: bold;
	letter-spacing: -0.018em;
	font-size: 17px;
	color: #036;
	margin-top: 3em;
	margin-left: 1em;
	padding: 0;
	background: #FFFFDD;
	border-bottom: 1px solid #ccc;
}
h2 {	
	font-family: arial,verdana,'Bitstream Vera Sans',helvetica,sans-serif;
	font-weight: bold;
	letter-spacing: -0.018em;
	font-size: 14px;
	color: #036;
	margin-top: 2em;
	margin-left: 1em;
	padding: 0.5em;
	background: #E7E7F7;
}


.floatLeft {float: left; padding: 0px 15px 15px 0px; font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; font-weight: 400; color: #000;}
.floatRight {float: right; padding: 0px 0px 15px 15px;font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; font-weight: 400; color: #000;}
.floatCenter {width: 100%; text-align: center; margin-right: 1em ;font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; font-weight: 400; color: #000;}
.textCenter {width: 95%;text-align: center;font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; color: #000;}
.textLeft { padding: 1.5em; width: 95%; text-align: left;font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; color: #000;}
.textRight {width: 100%; text-align: right;font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; font-weight: 400; color: #000;}
.boxMedRight {width: 120px;font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; font-weight: 400; color: #000;}

#centre {
	margin-left: 50%;
	font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; color: #000;
	padding: 1.5em;
}
#gauche {
	float:left;
	width: 50%;
	font-size: 13px; font-family: verdana,arial,helvetica,sans-serif; color: #000;
	padding: 1.5em;
}

.fincolonne { clear: left; }


table {
	font-size: 0.8em;
}

table.cadre
{
	background-color: #C5CBD2;
}

tr.titre
{
	background-color: #E6E7F5;
}

tr.cadre
{
	background-color: #FFFFFF;
}

td.titre
{
	font-size: 13px;
	color: #003A7D;
	font-weight: normal;
}

th.titre
{
	font-size: 13px;
	color: #003A7D;
	font-weight: normal;
}


#content .infos {
	
	width:80%;
	text-align: center;
	margin: 0 auto;
	padding: 2px 1em 2px 1em;
	font-size: 0.8em;
    background:  #1F5697;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #ffffff;
	
}


#content .infosclair {
	
	width:80%;
	text-align: center;
	margin: 0 auto;
	padding: 2px 1em 2px 1em;
	font-size: 0.8em;
    background:  #E7E7F7;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #000;
	
}

div.skyscraper
{
	position: absolute;
	visibility: visible;
	top: 100px;
	left: 50%;
	right: 50%;
	margin-left: 390px;
	width: 120px;
	height: 600px;
}

#footer {
 	height: 62px;
	margin: 0;
	width: 770px;
	padding-top: 0.9em;
	padding-left: 2em;
	background: url('images-devel/footer.gif') no-repeat;
	color: #fff;
	font: 0.8em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#footer #MenuFooter a:link, #footer #MenuFooter a:visited, #footer #MenuFooter a:hover {
	
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#block
{
	padding: 12px;
	width: 80%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFCA;
	color: #607080;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:95%;
	height: 30px;

    }

.menu ul{
    position:absolute;
    display:block;
    width:100%;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:148px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:148px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
	font-size: 10px;
	background-color: #9cf;
    border:1px #666 solid;
    color:#000;
    display:block;
    width:143px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}


/*
					PTP PTP PTP PTP
*/


.cadreText {
	margin-left: 1em;
	padding: 0.5em;
}

.titreT {
	background: #F3F7FC;
	border-top: 1px solid #215194;
	border-right: 4px solid  #215194;
	border-left: 1px solid #215194;
	font-size:0.9em;
	padding-left: 0.5em;
	font-weight: bold;
	
}

.mainT {
	border-top: 1px solid #215194;
	border-right: 1px solid  #215194;
	border-left: 4px solid #215194;
	border-bottom: 1px solid #215194;
	font-size: 0.9em;
	padding: 0.5em;

}

.help { list-style-position:inside; background-color:#FFFF81; margin:5px 0 5px 0; padding:5px; border:1px solid #ccc;}
.help { list-style-position:inside; background-color:#FFFFDD; margin:5px 0 5px 0; padding:5px; border:1px solid #ccc;}
.help p {margin:0;}
.help a { font-size: 13px;}


.warning{  margin:1em; padding: 0.3em;color:#FF0000; display:block; border: 1px solid #FF0000;}
.online{  margin:1em; padding: 0.3em;color:#00CC00; display:block; border: 1px solid #00CC00;}




#contentL{
	float: left;
	padding: 10px;
	margin: 20px;
	 background-color:#FFFFDD;
	border: 1px solid #ccc;
	width:305px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 305px; 
	font-size: 0.8em;
	}
html>body #contentL {
	width: 305px; 
	/* ie5win fudge ends */
	}
#contentR {
	float: left;
	padding: 10px;
	margin: 20px;
	 background-color:#FFFFDD;
	border: 1px solid #ccc;
	width: 305px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:305px; 
	font-size: 0.8em;
	}
html>body #contentR {
	width: 305x; 
	/* ie5win fudge ends */
	}
	
	
	
/*
	ADD 18-07-2007
*/	
	
blockquote {
	/* background: see style css */
	margin:  10px;
	padding: 10px 10px 5px 45px;
}

blockquote p {
	/* background: see style css */
	padding-right: 35px;
}	
	
	
	
blockquote {
	background: #f5f5f5 url(images/v20070718/quote-start.png) 5px 5px no-repeat;
	border-top: 4px solid #D3D3D3;
	border-bottom: 4px solid #D3D3D3;
}

blockquote p {
	background: url(images/v20070718/quote-end.png) 100% 100% no-repeat;
}