/*********************************************************
* STYLE.CSS
* BYSOFT
* BY JOHNNY ON MARCH 2007
**********************************************************/

/*********************************************************
* GENERAL DEFINE
**********************************************************/
body {
	margin:0px; 
	padding:0px; 
	border:0px;
    background-color:#2A57A5;
	text-align: -moz-center!important;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a img{
	border:0px;
}

h4 {
	margin:0px; 
	padding:0px; 
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h5 {
	margin-top:5px; 
	padding:0px; 
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#wrap {
	position:relative;
	width:980px;
	margin: 0px auto;
	background-color:#2A57A5;
}

#container {
	width:980px;
	border:0px;
	margin:0px;
	padding:0px;
	float:left;
}


#content{
	width:980px;
	background: url(images/certu-2-content-y.gif) repeat-y;
	border:0px;
	margin:0px;
	padding:0px;
	float:left;
}

#main{
 	width:940px;
	padding-left:30px;
	padding-top:10px;
	float:left;
}

#footer {
	width:980px;
	height:20px;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	line-height:18px;
	color:#FFFFFF;
	background: url(images/certu-1-2-77.gif) no-repeat;
	background-position: center;
}

a.footers, a.footers:hover, a.footers:active, a.footers:visited{
	color:#FFFFFF;
	text-decoration:none;	
}

/*********************************************************
* STRUCTURE DEFINE
**********************************************************/


#logo{
	width:135px;
	height:135px;
	border:0px;
	margin:0px;
	padding:0px;
	background-image: url(images/certu-1-15.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	float:left;
	border-width: 0px;
}

#banner{
	width:839px;
	height:135px;
	border:0px;
	margin:0px;
	padding:0px;
	float:right;
}

#search{
	position:relative;
	height:26px;
	border:0px;
	margin:0px;
	padding-top:30px;
	background: url(images/certu-1-20-23.gif) no-repeat;
	background-position:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
}


#dropdown{
	
	height:16px!important;
	height:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#info{
	color:#FFFFFF;
}


div.navigation{
	width:980px;
	height:45px;
	border:0px;
	margin-top:0px;
	padding:0px;
	z-index:100;
	clear:both;
	display:block;
}

a.nav, a.nav:hover, a.nav:active, a.nav:visited{
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

.nav0 {
    width:30px;
	height:35px;
	float:left;
	background:#33FFFF solid 1px;
}

.narrowColorBar {
	width:7px;
	height:35px;
	float:left;
	margin-right:3px;
}

#narrowColorBar9 {
	width:7px;
	height:35px;
	float:right;
	margin-right:25px!important;
	>margin-right:20px!important;	
	margin-right:0px;	
	margin-left:-10px!important;	
	>margin-left:-10px!important;		
	margin-left:-25px;
}

.narrowColorBar_bottom{
	width:7px;
	height:35px;
	float:left;
	margin-right:3px;
	margin-top:10px;
}


#narrowColorBar10{
	width:7px;
	height:35px;
	float:left;
	margin-right:3px;
	margin-top:10px;
}

#narrowColorBar11 {
	width:7px;
	height:35px;
	float:left;
	margin-right:3px;
	margin-top:10px;	
}



#nav1 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav2 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav3 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav4 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav5 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav6 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav7 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav8 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav9 {
    width:105px;
	height:35px;
	float:right;
	text-align:right;
	font-size: 10px;
	line-height: 12px;
}

#nav10 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav11 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

#nav12 {
    width:105px;
	height:35px;
	float:left;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
}

/*	for menu item	*/


div.menuItemContainer {
	font-size:10px;
	display: table; 
	height: 50px!important; 	
	height: 45px; 
	width: 80px!important;	
	>width: 88px!important;		
	width: 88px; 
	padding-left:2px;
	_position: relative;
	float:left;
}

div.menuItemContainer9 {
	font-size:10px;
	display: table; 
	height: 50px!important; 	
	height: 45px; 
	width: 70px!important;	
	width: 73px; 
	padding-right:5px!important;		
	>padding-right:10px!important;			
	padding-right:13px;	
	margin-right:10px!important;
	>margin-right:10px!important;	
	margin-right:10px;		
	margin-left:-35px!important;
	>margin-left:-40px!important;		
	margin-left:0px;	
	_position: relative;
	float:right;
	text-align:right;;
}

div.menuItemContainerBottom {
	font-size:10px;
	display: table; 	
	height: 50px; 
	width: 87px!important;	
	>width: 90px!important;		
	width: 89px;
	padding-left:2px;
	_position: relative;
	float:left;	
}


#top_navigation_bar {
	width:980px;
	height:17px;
	border:0px;
	margin:0px;
	padding:0px;
	text-align:left;
	clear:both;	
}

#bottom_navigation_bar {
	width:980px;
	height:17px;
	border:0px;
	margin:0px;
	padding:0px;
	text-align:left;
	clear:both;
}

.left_coner {
	width:28px;
	height:17px;
	float:left;
	border:0px;
	margin:0px;
	padding:0px;
}

.right_coner {
	width:17px;
	height:17px;
	float:right;
	border:0px;
	margin:0px;
	padding:0px;
}	
	
#topbar_navy {
	width:980px;
	height:17px;
	background: url(images/certu-6-1.gif) no-repeat;
	border:0px;
	margin-top:0px;
	padding:0px;
	text-align:left;
    color: #ffffff;
}

#bottombar_gray {
	width:980px;
	height:17px;
	background: url(images/certu-2-bottom.gif) no-repeat;
	border:0px;
	margin-top:0px;
	padding:0px;
	float:left;	
}


#bottombar_navy {
	width:980px;
	height:17px;
	background: url(images/certu-6-111.gif) no-repeat;
	border:0px;
	margin-top:0px;
	padding:0px;
	float:left;	
}


#brif{
	width:940px;
	border:0px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	float:left;
}

#text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	_height:0px;
	min-height:0px;
	font-size: 11px;
	text-align:left;
	padding-right:10px;
}



#block1{
	width:410px;
	_height:300px;
	min-height:270px;
	text-align:left;
	padding-left:45px!important;
	padding-left:30px;
	float:left;
}



#block2{
	width:410px;
	_height:300px;
	min-height:270px;	
	text-align:left;	
	padding-left:45px!important;
	padding-left:50px;	
	float:left;
}


#block3{
	width:410px;
	_height:300px;
	min-height:270px;
	text-align:left;
	padding-left:45px!important;
	padding-left:30px;	
	float:left;
}


#block4{
	width:410px;
	_height:300px;
	min-height:270px;	
	text-align:left;	
	padding-left:45px!important;
	padding-left:50px;
	float:left;
}

#block6{
	width:410px;
	_height:270px;
	min-height:270px;	
	text-align:left;
	padding-right:15px!important;
	padding-right:10px;	
	float:right;
}

#youarehere{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	margin-left:40px;
	font-size:9px;
}

#column1{
	padding-left:28px;
	width:100px;
	_height:100px;
	min-height:100px;
	float:left;
}

#column2{
	_height:200px; 
	min-height:200px;
	width:478px;
	float:left;
	text-align:left;
	padding-left:36px !important;
	padding-left:10px;
	padding-right:8px !important;
	padding-right:8px;	
}

#column3{
	float:left;
	width:50px;
	height:350px;
}

#column4{
	float:left;
	text-align:left;
	width:220px!important;
	width:250px;	
}

#column5{
	text-align:left;
	width:135px;
	_height:50px;
	min-height:50px;
	padding-left:30px!important;	
	padding-left:25px;
	padding-right:3px!important;	
	padding-right:10px;
	float:left;
}

#column6{
	text-align:left;
	width:510px;
	_height:250px;
	min-height:250px;	
	padding-right:10px;	
	float:left;
	border-top: #000000 solid 1px;
	border-right: #000000 solid 1px;
}

#column7{
	text-align:left;
	width:190px;
	padding-left:20px;
	float:left;
	border-top: #000000 solid 1px;
}

#column8{
	text-align:left;
	width:720px;
	padding-right:10px;	
	float:left;
	border-top: #000000 solid 1px;
}

#column9{
	margin-left:-50px;
	width:100px;
	_height:100px;
	min-height:100px;
	float:left;
}

#row1{
	text-align:left;
	width:600px;
	padding-left:60px!important;
	padding-left:10px;
	float:left;

}

#row2{
	text-align:left;
	width:600px;
	padding-left:60px!important;
	padding-left:10px;
	float:left;	
}

#row3{
	text-align:left;
	width:600px;
	padding-left:60px!important;
	padding-left:10px;
	float:left;	
}

#texte{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	_height:240px;
	min-height:190px;
	font-weight:normal;
}

#document{
	width:220px;
	text-align:left;
	float:left;
}

#samesection{
	width:220px;
	text-align:left;
	float:left;	
}

#keyword{
	width:220px;
	text-align:left;
	float:left;	
}

/*********************************************************
* SEARCH BAR ELEMENTS POSITION DEFINE
**********************************************************/
#logosmall { position:absolute; left:50px; top:16px;}
#flag {position:absolute; left:100px; top:20px;}
#searchbox {position:absolute; left:200px; top:15px;}
#info {position:absolute; left:675px; top:20px;}
#rss {position:absolute; left:932px; top:18px;}

#flag img{
	border-width:0px;
}

#keywords{
	height:12px;
	width:140px!important;
	>width:140px!important;
	width:150px;
}

#dropdown{
	height:12px;
	width:155px;
}
/*********************************************************
* STYLE DEFINE
**********************************************************/


ul.document{
	padding-left:40px!important;
	>padding-left:40px!important;
	padding-left:0px;
}

ul.samesection{
	margin-left:-50px!important;
	>margin-left:-10px!important;	
	margin-left:0px;
}

.header1{
	margin:0px; 
	padding:0px; 
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

a, a:visited{
	color: #000000;
	text-decoration:none;
}


a.youarehere, a.youarehere:visited{
	color: #FFFFFF;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
	vertical-align:middle;
}

a.youarehere:hover{
	text-decoration:underline;
	font-size:11px;
	line-height:14px;
	vertical-align:middle;
}

a.plus , a.plus:visited{
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

a.plus:hover{
	text-decoration:underline;
}

p.more{
	font-weight: bold;
	font-size:11px;
	text-align:right;
}

ul.gray {
	list-style-image: url(images/certu-2-graypoint.gif);
	font-size: 11px;
	line-height:11px;
}

ul.document {
	margin-left:-25px!important;
	margin-left:18px;

}

.submenu {
	width:980px;
	background: url(images/certu-2-submanu-y.gif) repeat-y;
	border:0px;
	margin-top:0px;
	padding:0px;
	float:left;
	text-align:left;
	
}

td.menu_r2 {
	width:210px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:0px!important;	
	padding-top:5px;	
	vertical-align:top;
}

td.menu_r3 {
	width:220px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	padding-top:0px!important;	
	padding-top:5px;	
}

td.menu_r3_2 {
	width:220px;
	text-align:left;
	background:url(images/certu-5-3.gif) repeat-y;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	padding-top:0px!important;	
	padding-top:5px;	
}

td.menu_r3_3 {
	width:220px;
	background:url(images/certu-5-1.gif) top left no-repeat;	
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	padding-top:0px!important;	
	padding-top:5px;	
}

.sitemap {
	list-style:none;
}

.sitemap a, .sitemap a:hover, .sitemap a:active, .sitemap a:visited{
    color:#202C82;
}

.search_result{
	font-size:12px;
	color:#000000;
}

a.search_result , a:active.search_result , a:visited.search_result {
	font-size:12px;
	color:#202C82;

}

a:hover.search_result {
	text-decoration:underline;
}

#copyright {
	display:none;
}

/* spip class */
.spip_documents { text-align: center; font-family: Verdana,Arial,Sans,sans-serif; font-size: 0.90em; }

.spip_documents_center { clear: both; width: 100%; margin: auto; }

span.spip_documents_center { display:block; margin-top:1em; }

.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }

.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
table.spip {

	margin: auto;

	margin-bottom: 1em;

	border: 1px solid;

	border-collapse: collapse;

	font-family: Verdana,Arial,Sans,sans-serif;

	font-size: 0.90em; }

table.spip caption {

	caption-side: top; /* bottom pas pris en compte par IE */

	text-align: center;

	margin: auto;

	padding: 3px;

	font-weight: bold; }

table.spip tr.row_first { background-color: #fcf4d0; }

table.spip tr.row_odd { background-color: #d0d0d0; }

table.spip tr.row_even { background-color: #f0f0f0; }

table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
a.spip_in {
	border-bottom: 1px dashed;
}
div.spip_poesie {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #999;
}

div.spip_poesie div {
	text-indent: -60px;
	margin-left: 60px;
}
q, blockquote.spip, .spip_poesie, .spip_serif { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }
a.spip_out {
	background: url(ecrire/img_pack/wrapper.php?file=spip_out.gif) right center no-repeat;
	padding-right: 10px;
	border-bottom: 1px solid #000000;
}
.texteencadre-spip {
	color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	margin: 1em 0;	
	padding: .25em;	
	position: relative;
}
.caractencadre-spip {
	color: #F60;
	font-weight: bold;
}
.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}
acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}
/* Liens hypertexte */
.spip a{ text-decoration: none; color: #85909A}
.spip a:hover { text-decoration: none; }
.spip a.icone { text-decoration: none; }
.spip a.icone:hover { text-decoration: none; }
sup {
	vertical-align:20%;
	font-variant: small-caps;
	font-size: .5em;
	color: #85909A;
}
/* Rajouter par MT le 7/08/2007 */
h3.spip { margin-left:10px;
        margin-bottom:0.8em;
	text-align: left;
        padding:0px;
        font-size:1.5em;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
}
h4.spip { margin-left:10px;
        margin-bottom:0.6em;
        padding:0px;
        font-size:1.3em;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
}
h5.spip { margin-left:10px;
        margin-bottom:0.5em;
        padding:0px;
        font-size:1.1em;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
}
/* Rajouter par MT le 11/10/2007 */
/* p.spip { text-align:justify;
}
ul.spip { text-align:justify;
} */