body {
margin: 0;
padding: 0;
font-size: 0.8em;
background: #fff url(images/oge.gif) no-repeat ;
background-position: center top;
}

.header { 
	/*background: #fff url(images/top.gif) no-repeat;*/
    height: 125px;    
    }
    
.menu {
	position: absolute;
	display: block;
	padding: 0 0;
	left:145px;
	top: 36px;
	width: 900px;
	z-index: 1;
    }
	
.frame {
/*	background: #fff url(images/mid.gif) no-repeat;*/
        margin-left: 0px;
        margin-top: 0;
		margin-right: 40px;
        height: 500px;
        width: 450px;
        }
/********************************************/

.rebondir
{
	text-align: center;
	border: none;
}

#wrap {width:1000px;margin: 0 auto;position:relative;}
#contenu {
	color: #333;
	text-align:justify ;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	/*background-color: #fdbf01;*/
	position:absolute;
	margin-left: 25em;
    margin-top: 12em;
	margin-right: 60px;
    width: auto;
	max-width: 709px;
	font-size:12px;
    }
#contenu p { font :#666 1em sans-serif, Verdana, Arial}
#contenu a {color: #666;font: bold 1.2em arial;text-decoration: none; font-style:italic}
#contenu a:hover{ text-decoration:underline}
#contenu ul li{ padding:0 0 0 12px ; list-style: square; margin-left: 2em}
#content-wrap {
	position:relative;
	width:auto;
/*	background: #fff url(images/left.gif) no-repeat;*/
	}
#utility {
	background:transparent;
	position:absolute;
    top: -10px;
    width:140px;
    border: none;
    padding-bottom: 10px;
    left: -15px;
}
/*****************************************/

#footer {clear: none;border-top: 1px solid #E3E8EE;padding: 10px 0 10px;font-size:86%;color:#999; margin-left:360px; margin-bottom:0; position: inherit; margin-bottom: 200px}
#footer p {margin:0}
#footer a:link {color:#ccc; text-decoration:none;}
        
/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em; text-align:justify ;font-family: Verdana, Helvetica, sans-serif, Arial;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: Verdana, Helvetica, sans-serif, Arial ; color: #666 ;margin: 1.2em 0 .3em; border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em }
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%;margin-top:0; text-align:left; vertical-align:top}
h5 {font-size: 106%; border: none;}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
	
#logo {
	position:absolute;
	top:11px;
	left: 10px;
	width: 92px;
	height: 88px;
}
#logo2 {
	position:absolute;
	top:105px;
	right: 662px;
}


/******* MENU GAUCHE *************/

#nav-bis { background: transparent ;}
#nav-bis, #nav-bis ul {position:static;}
#nav-bis, #nav-bis li {list-style: none;margin:0;padding:0;background:#fff}
#nav-bis {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
#nav-bis a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff ;font: bold 86% arial;display:block; }
#nav-bis a, #nav-bis a:link, #nav-bis a:visited, #nav-bis a:hover, #nav-bis a:active {text-decoration:none;cursor:pointer} 
#nav-bis a:link {color:#333} 
#nav-bis a:visited {color:#333} 
#nav-bis a:hover {color:#666;background: #fdbf01 ;} 
#nav-bis li.active a:link, #nav-bis li.active a:visited, #nav-bis li.active a:hover, #nav-bis li.active a:active {color:#333} 
#nav-bis li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* bis NAVIGATION - 2nd NIVEAU */
#nav-bis ul {margin: 0 0 1em 23px;padding:0}
#nav-bis li.active li a, #nav-bis li.active li a:link, #nav-bis li.active li a:visited {line-height:1.5;background: none;padding:0 0 0 12px;font-weight:normal;width:auto;color: #333;width:100px;display:block}
#nav-bis li.active li a:hover, #nav-bis li.active li a:active {background-color: #FC3}
#nav-bis li.active li {border: none;margin:0}
#nav-bis li.active li.active a:link, #nav-bis li.active li.active a:visited, #nav-bis li.active li.active a:hover, #nav-bis li.active li.active a:active {font-weight:bold; background-color: #FC0 }

/*******************************/

/****** CSS MENU TOP *******/

#nav, #nav ul {float: left;list-style: none;line-height: 1em;background: none;padding: 0;	margin: 0 0 1em 0;}
#nav a {display: block;	width: 5em;color: #666; font-weight:bold;text-decoration: none;padding: 0.2em 0;}
#nav li { float: left; padding: 0 0.7em; width: 7em ;font-size: 0.8em; text-align:center; vertical-align:middle;}
#nav li ul { position: absolute; left: -999em; height: auto;width: 7em;font-weight: normal;border-width: 0.25em;margin: 0;}
#nav li li {padding-right: 1em;	width: 7em}
#nav li ul a {width: 13em;}
#nav li ul ul {	margin: -1.75em 0 0 2em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {background: none;font-weight:bold; color:#FC0;}

/******************************************/

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
form.f-wrap-1 {width:100%;padding: .5em 0;background: none;border-top: 1px solid #d7d7d7;position:relative}
form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
/* hide from IE mac \*/
form.f-wrap-1 label {float:none}
/* end hiding from IE5 mac */
		
form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:2px}
form.f-wrap-1 label{float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.f-wrap-1 label .req {color:#666;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:4em;right:4em;left:auto;width:13em;text-align:left}
form.f-wrap-1 div.req b {color:#666;font-size:140%}
form.f-wrap-1 label select {width: 10em}
form.f-wrap-1 label textarea.f-comments {width: 20em}
form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
	
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

/*********** PRINT ARTICLE *********/

#date{position:absolute;top:2px;left:450px;z-index:10;width:200px;font-weight:bold;font-family:Verdana, sans-serif;font-size:9px;}
#col_1{width:480px;float:left;}
#header{font-family:Verdana, sans-serif;width:800px;height:21px;margin-bottom:20px;}
#header img, #footerPrint img{float:left;}
#zone_une{margin:0 0 0 0;padding:0 0 0 0;}
small{border-left:1px solid #00AEEF;padding-left:5px;margin-left:5px;font:Verdana, sans-serif;font-size:9px;}
ul{margin:0;padding:0;padding-top:3px;}
li.date{color:#00AEEF;font-size:9px;font-weight:bold;text-transform:uppercase;display:block;float:right;text-align:right;margin-right:10px;padding:3px 0 0 0;float:right;font-family:}
p.credits{width:160px;float:left;padding-right:6px; font-size:9px}
#col_1 p{padding:0 0 5px 0;}
span.date small{margin-right:2px;}

#imageTexte img{float:left;clear:right;}
#auteur{margin:8px 0 10px 1px;padding:5px 5px 5px 0;border-bottom:1px dotted black;border-top:1px dotted black;text-align:right;font-size:10px;text-transform:uppercase;color:#00AEEF;font-weight:bold;font-family:Georgia,serif;}
#auteur small{font-family:Georgia,serif;font-size:10px;font-weight:bold;color:#00AEEF;}
#sky{float:right;width:160px;border-left:1px solid #ccc;text-align:right;padding-left:5px;}
#sky img{float:right;}
#footerPrint{width:auto;text-align:left;margin:3px 0 0 0;}
#footerPrint table{width:auto;margin-bottom:1px;}

/*********************