/* CSS Document */
*{
margin: 0px;
padding: 0px;
}
body{
margin: 5px 0;
background: #DFDFDF;
text-align: center;
font-family: Arial, Verdana, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12pt;
color: #ffffff;
}

/*** DIV SPECIFIC ***/
#wrap{
text-align: left;
width: 964px;
margin: 0 auto;
background-color:#DFDFDF;
height:675px;
}

#wrap-gauche{
	width:265px;
	background-color:#B4C7ED;
	height:100%;
	float:left;
	border-right:solid 3px #FFFFFF;
	border-bottom:solid 3px #FFFFFF;
	margin-left:45px;
}

#wrap-gauche-logo{
width:100%;
height:195px;
background-color:#009999;
}

#wrap-gauche-reste{
width:100%;
background-image:url(images22/fondZ1.png);
background-repeat:no-repeat;
background-position:top;
background-color:#B4C7ED;
margin-bottom:25px;
height:480px;
}

#wrap-gauche-reste p{
background-image:url(images22/ligneH.png);
background-repeat:repeat-x;
background-position:top;
width:265px;
height:15px;
margin-bottom:5px;
}

#wrap-gauche-reste h1{
font-size:16px;
color:#000066;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin-left:5px;
}

#wrap-gauche-reste .news{
margin-left:5px;
background-image:url(images22/zonN.png);
background-repeat:no-repeat;
width:235px;
height:23px;
text-align:right;
margin-bottom:5px;
}

.img{
border:solid 2px #FFFFFF;
float:left;
margin:4px;
background-image:url(images22/ajax-loader.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#wrap-gauche-reste .suite{
font-style:oblique;
color:#550066;
font-variant:small-caps;
width:165px;
height:25px;
background-repeat:no-repeat;
background-position:right;
text-decoration:none;
margin-top:3px;
margin-bottom:3px;
}

#wrap-gauche-reste ul{
list-style:inside;
}

#wrap-gauche-reste li{
width:auto;
margin-left:5px;
margin-top:10px;
}

#wrap-droite{
width:605px;
background-color:#B4C7ED;
background-image:url(images22/fondP.png);
height:100%;
float:left;
}

#wrap-droite-corps{
width:98%;
height:auto;
border-top:solid 0px #FFFFFF;
border-left:solid 3px #FFFFFF;
border-bottom:solid 3px #FFFFFF;
margin-top:8px;
margin-left:8px;
}

#wrap-droite h1{
font-size:16px;
color:#000033;
font-family:Dotum, Echelon, Euphemia;
}

#menu-haut{
width:100%;
height:35px;
background-color:#B4C7ED;
margin-top:15px;
}

#menu-haut ul{
display:inline;
}

#menu-haut li{
list-style:none;
float:left;
width:108px;
height:35px;
margin-left:2px;
font-variant:small-caps;
text-align:center;
font-size:11px;
font-weight:bold;
color:#000033;
background-image:url(images22/separateur.png);
background-repeat:no-repeat;
background-position:right;
margin-top:8px;
}

#menu-haut li a{
text-decoration:none;
color:#003399;
font-size:12px;
}

#menu-haut li a:hover{
text-decoration:none;
color:#660033;
font-size:14px;
}

#header{
width:98%;
height:195px;
background-color:#B4C7ED;
background-image:url(images22/head.png);
background-position:left;
background-repeat:no-repeat;
text-align:right;
margin-left:8px;
margin-top:15px;
border-bottom:solid 3px #FFFFFF;
border-left:solid 3px #FFFFFF;
border-top:solid 3px #FFFFFF;
}

#carre{
width:96%;
height:397px;
margin-top:12px;
}

#carre1{
width:53%;
height:450px;
float:left;
}

#carre1-haut{
width:97%;
height:49%;
margin-top:8px;
margin-left:8px;
border-bottom:solid 2px #003333;
background-image:
}

#carre1-bas{
width:97%;
height:50%;
margin-top:8px;
margin-left:8px;

}

#carre2{
width:43%;
height:450px;
margin-top:8px;
margin-left:8px;
float:right;
}

#carre2 h2{
color:#660033;
font-size:18px;
font-family:Echelon, Dotum, Echelon, Euphemia;
}

#footer{
background-color:#DFDFDF;
width:98%;
height:45px;
margin-left:45px;
float:left;
margin-top:25px;
display:inline;
}

#footer ul{
display:inline;
}

#footer li{
list-style:none;
float:left;
width:60px;
margin-left:3px;
text-align:center;
color:#000033;
margin-top:8px;
}

#footer li a{
text-decoration:none;
color:#003399;
font-size:9px;
}

#footer li a:hover{
text-decoration:none;
color:#660033;
font-size:9px;
}

#tabbed_box
{
margin: 0px auto 0px auto;
width:300px;
}

.tabbed_box h4 small
{
color:#e3e9ec;
font-weight:normal;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
position:relative;
top:-4px;
left:6px;
letter-spacing:0px;
}

.tabbed_area
{
border:1px solid #494e52;
background-color:#B9CAEB;
padding:8px;
margin-left:10px;
}

ul.tabs
{
margin:0px; padding:0px;
}
ul.tabs li
{
list-style:none;
display:inline;
}

ul.tabs li a
{background-color:#3399CC;
color:#ffebb5;
padding:8px 14px 8px 14px;
text-decoration:none;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
border:1px solid #464c54;
}

ul.tabs li a:hover{
background-color:#255555;
border-color:#2f343a;
}
ul.tabs li a.active
{
background-color:#ffffff;
color:#282e32;
border:1px solid #464c54;
border-bottom: 1px solid #ffffff;
}

.content{
background-color:#ffffff;
padding:20px;
border:1px solid #464c54;
}
#content_2, #content_3, #content_4 { display:none; }

ul.tabs
{
margin:0px; padding:0px;
margin-top:7px;
margin-bottom:8px;
}

.content ul
{
margin:0px;
padding:0px 20px 0px 20px;
}
.content ul li
{
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:2px;
padding-bottom:3px;
font-size:13px;
}
.content ul li a
{
text-decoration:none;
color:#3e4346;
}
.content ul li a small
{
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}

.content ul li:last-child
{
border-bottom:none;
}

ul.tabs li a
{
background-image:url(images22/tab_off.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
ul.tabs li a.active
{
background-image:url(images22/fondOnglet0.png);
background-repeat:repeat-x;
background-position:top;
}
.content
{
background-image:url(images22/content_bottom.jpg);
background-repeat:repeat-x;
background-position:bottom;
}