body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #88aacd;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.oneColFixCtrHdr #container {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}




#content ul li
{   text-align: left;
    list-style: none;
    padding:0px;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height:16px;
    background-color: transparent;
    background-image: url(/images/bullet.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align:left;
    border-bottom: 2px dotted #f0f0f0;
    font-size: 11px;
    color: #5a5a5a;
    
    padding-bottom:2px;
    padding-top:2px;
    padding-left:20px;
}


#content ul li span{
padding:0;margin:0;
/margin-left : -18px ; 
font-weight:bolder;
color:#a4cc25;
}

li #pdf{
list-style: none;
background-image:url(/images/icone_pdf.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}


#global1, #global2{
background-color:#4c647c;
}

#global_eye{
background-color:#4c647c;
}

#center1, #center2{
	width:960px;
	margin:auto;
	margin-top:0px;
	background-color:#FFFFFF;
	padding-bottom: 50px;
	overflow:hidden;
}

#eyecatcher{
	width:960px;
	margin:auto;
	background-color:#FFFFFF;
	
}

div#content_eye {
	background-color:#FFFFFF;
	}


p{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4a4c4d;
}



#content h1{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0px;
padding-left: 0pt;
font-size: 22px;
color: #666666;
font-weight: normal;
font-family:"Trebuchet", Arial, Helvetica, sans-serif;
font-weight:500;
}


div#content {
	float: left;
	width: 515px;
	background-color:#FFFFFF;
	padding-left:40px;
	padding-right:10px;
	padding-top:-0px;
	margin-top:0px;
	text-align:left;
	color:#4a4c4d;
	font: 14px/21px Geneva, Helvetica, Tahoma, Arial, sans-serif;
	margin-top:-25px;
	}
	
	
	
	
	
#content ul {
list-style-image: url(../images/puce.gif);
list-style-position: inside;
color:#4a4c4d;
}


	
div#sidebarRight {
	float: left;
	width: 355px;
	background-color:#FFFFFF;
	}
	
	
#sidebarRight h1, #sidebarRight h2, #sidebarRight h3, #sidebarRight h4, #sidebarRight h5
{
    color: #666666;
    margin-top:3px;
}	

div#sidebar img{
padding:0;
margin:0;	}


#sitemap{
	background-color:#4b637b;
	background-image:url(/images/sitemap_bg_repeatx.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:-18px;
	margin-top:-18px;
}

#sitemapcontainer{
	width:960px;
	height:auto;
	margin:auto;
	display:block;
	background-color:#f7f7f7;
	overflow:auto;
}




#titlesitemap{
	width:170px;
	padding-top:4px;
	padding-bottom:1px;
	padding-left:5px;
	color:#4a4c4d;
	font-variant:small-caps;
	font-weight:bold;
	margin-left:5px;
}

#sitemap H1{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-bottom:-5px;
	font-weight:bolder;
}

#lien{
	margin-left:-34px;
}

div#lien a{
	display:block;
}


#lien ul {
list-style:none;

}

#lien li a {
    color: #990000;
    display: block;
    text-decoration: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #767779;
	margin-bottom:2px;
	padding:0;
	padding-left:5px;
	
}

#lien li a:before {

}

#lien li a:hover:before {

}


* html #lien li a {  /* CSS Hack - Permet de voir l'effet sous IE */

    width: 180px;
}

#lien li a:hover {
    background: #a4cc25;
	color:#FFFFFF;
}



.float_correction{
visibility: hidden;
clear: both;
}







#footer{
	background-image:url(../images/footer_repeatx.jpg);
	background-repeat:repeat-x;
	height:72px;
}

#background_footer{
background-image:url(../images/footerbg.gif);
}

#footercontainer{
	width:960px;
	margin:auto;
}

#FooterLeft{
	background-image:url(../images/footer_left.jpg);
	background-repeat:no-repeat;
	width:14px;
	height:72px;
	float:left;
}

#Footercenter{
	background-image:url(../images/footer_bl_repeatx.jpg);
	background-repeat:repeat-x;
	height:72px;
	float:left;
	width:929px;
}

#FooterRight{
	background-image:url(../images/footer_right.jpg);
	background-repeat:no-repeat;
	width:17px;
	height:72px;
	float:left;
}

      
	  





/* conteneur du footer rflection */
#footerReflectContainer{
	background-image:url(../images/footer_reflect_bg.jpg);
	background-repeat:repeat-x;
	height:78px;
}

/* contenu du footer reflection */
#FooterReflect{
	background-image:url(../images/footer_reflect.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:78px;
}


#links ul {
        list-style-type: none;
        width: 200px;
		text-align:left;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
		
}

#links li a { 
        color: #a4cc25;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 200px;
}

#links li a:hover {
        background: #f7f7f7;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #b8e25a;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}










	
	


input, select, textarea {
                      border-top:1px solid #555555;
                      border-left:1px solid #555555;
                      border-bottom:1px solid #ccc;
                      border-right:1px solid #ccc;
					  background-color:#f4f4f4;

}
input:focus, select:focus, textarea:focus {
                    background-color: white;
                    border:1px solid #555555;
                    border-bottom:1px solid #ccc;
                    border-right:1px solid #ccc;
               }
			   
			   
 
 
 
 /* ---------- image hover => Hosted Solutions ------- */ 

a.ROLLOVER_hosted {display: block;width: 225px; height: 131px;
background-image: url(../images/btn_hosted.jpg);background-repeat: no-repeat;}
a.ROLLOVER_hosted:hover {background-image: url(../images/btn_hosted_hover.jpg);} 

 /* FIN image hover => Hosted Solutions -------------- */










#headersite{
	background-image:url(../images/header_repeat.jpg);
	background-repeat:repeat-x;
	height:120px;
}

#content_header_container{
	width:960px;
	margin:auto;
}

#HeaderLeft{
	background-image:url(../images/top_site.jpg);
	background-repeat:no-repeat;
	width:562px;
	height:120px;
	float:left;
}

#HeaderRight{
	background-image:url(../images/top_site2.jpg);
	background-repeat:repeat-x;
	height:120px;
	float:left;
	width:398px;
}



			 
			 
#id_footer a{
color: #666666;
text-align:left;
text-decoration: none;
}		   
		
#id_footer a:hover{
color: #000000;
text-decoration: underline;
}		   
		
	
		
		
		
	
		
/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}		






.legend
{
border: 1px solid #cccccc;
margin-top: 20px;
margin-right: 0pt;
margin-bottom: 20px;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 10px;
padding-bottom: 0pt;
padding-left: 10px;
position: relative;
}



.bignumber
{
background-color: transparent;
background-image: url(/images/ol-bg.gif);
background-repeat: no-repeat;
background-position: left top;
color: #ffffff;
display: block;
float: left;
font-family: Arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 20px;
line-height: normal;
-x-system-font: none;
margin-right: 8px;
margin-top:-5px;
padding-top: 6px;
padding-right: 7px;
padding-bottom: 6px;
padding-left: 7px;
height:35px;
width:35px;
}


.legend-title
{
font-size:12px;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
display: block;
float: left;
font-weight: bold;
left: 7px;
margin-top: 4px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 3px;
padding-bottom: 0pt;
padding-left: 3px;
position: absolute;
top: -13px;
}



blockquote
{
padding-top: 1em;
padding-right: 40px;
padding-bottom: 1em;
padding-left: 15px;
}


blockquote span.open 
{
background-color: transparent;
background-image: url(/images/so-q.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 15px;
}





.ImgLeft{
float:left;
margin-right:10px;
margin-bottom:10px;
}


p{
text-align:justify;
}













.moduletable
{
background-color: #f8f8f8;
background-image: url(/images/mod-head1.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center top;
margin-top: 20px;
margin-right: 0pt;
margin-bottom: 20px;
margin-left: 10px;
padding: 5px;
border:2px solid #f0f0f0;
}



.modulehighlight
{
background-color: #efefef;
background-image: url(/images/mod-head2.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center-top;
margin-top: 20px;
margin-right: 0pt;
margin-bottom: 20px;
margin-left: 10px;
padding: 5px;
border:2px solid #e7e7e7;
}







.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
.required{
  font-size: 13px !important;
  color: red !important;
  font-weight:bold;
}
 

a{
text-decoration:none;
} 
 
 
 
.menuTabs{
    position:relative;
    top:1px;
    left:10px;
}

.tab{
    border:solid 1px Black;
    border-bottom:none;
    padding:0px 10px;
    background-color:White;
}

.selectedTab{
    border:solid 1px Black;
    border-bottom:Solid 1px White;
    padding:0px 10px;
    background-color:White;
}

.tabBody{
    border: Solid 1px Black;
    padding:20px;
    background-color:White;
    overflow:auto;
}




#bloctexte{
border-bottom: 2px dotted #f0f0f0;
padding-bottom:40px;
padding-top:30px;
}













#primary{
margin-bottom:15px;
}


#module_top {
	height: 31px;
	background: url(primary-top-with-content.png)no-repeat;
}


#module_top h1{
    font-size:18px;
    font-weight:bolder;
}

#module_lightgray {
	border-bottom: 1px solid #cccccc;
	height: auto;
	background: url(primary-top-with-content-lightgray.png) no-repeat;
	line-height: inherit;
	padding:20px;
}



.module_lightgray_sidebar{
    border-bottom: 1px solid #cccccc;
    height:auto;
    background: url(primary-top-with-content-sidebar.png) no-repeat;
    line-height:inherit;
    padding:20px;
}


.module_btm_sidebar{
	clear: left;
	float: left;
	width: 100%;
	height: 13px;
	background: url(promo-primary_btm_sidebar.png) no-repeat;
	line-height: 5px;
}


.module_btm{
	clear: left;
	float: left;
	width: 100%;
	height: 5px;
	background: url(primary-btm.png) no-repeat;
	line-height: 5px;
}



#promo-bar .module_btm {
	background: url(promo-primary_btm.png) no-repeat;
	height:17px;	
}

#promo-bar h1{
font-size:18px;
font-weight:bolder;
}

.modulecontent{
 background-image:url(content.png);
 background-color:#fafafa;
 padding-left:40px;
 padding-right:40px;
 padding-top:10px;
}

.modulecontent_sidebar{
 background-image:url(content_sidebar.png);
 background-color:#fafafa;
 padding:20px;
 padding-bottom:10px;
 padding-top:10px;
}


.module_black_sidebar
{
    height:26px;
    padding-top:8px;
    padding-left:15px;
    background-image: url(column-h2-top.png);
}


.module_black_contenu
{
    height:26px;
    padding-top:8px;
    padding-left:15px;
    background-image: url(column-h2-top_contenu.png);
}

.module_black_contenu_content
{
background-image:url(content_contenu.png);
 background-color:#fafafa;
 padding-left:22px;
 padding-right:22px;
 padding-top:10px;
}


.module_black_contenu_bottom
{
    height:24px;
    padding-top:8px;
    padding-left:15px;
    background-image: url(module_btm_contenu_bottom.png);
}









#module_top {
	height:26px;
    background-image: url(top_content.png);
}

 
 
 
 
 
 
 
 
 
 
 
 
 



#bloctexte a h3{
color:#a4cc25;
}

#bloctexte a:hover h3{
color:#73ab14;
}


#content a{
color:#7698b4;
}

#content a:hover{
color:#4c647c;
text-decoration:none;
}

#sidebarRight a{
color:#7698b4;
}

#sidebarRight a:hover{
color:#4c647c;
text-decoration:none;
}



#bloctexte_small{
padding-top:0px;
}

#bloctexte_small a h3{
color:#a4cc25;
}

#bloctexte_small a:hover h3{
color:#73ab14;
}



.module_btm{
	clear: left;
	float: left;
	width: 100%;
	height: 5px;
	background: url(primary-btm.png) no-repeat;
	line-height: 5px;
}



#content h1{
margin:0px;
padding:0px;
text-align:left;
padding-top:25px;
padding-bottom:25px;
}



#content h2{
color: #a4cc25;
font-family:"Verdana", Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
font-size:16px;
line-height:17px;
text-align:left;
padding-top:15px;
padding-bottom:18px;
font-weight:bolder;
}


#content h2 span{
font-size:9px;
color:Gray;
}

#content h3{
text-transform: uppercase;
margin:0px;
padding:0px;
font-size:12px;
line-height:12px;
text-align:left;
padding-top:14px;
margin-bottom:15px;
color:#686868;
}

#content h4{
margin:0px;
padding:0px;
font-size:12px;
line-height:12px;
text-align:left;
padding-bottom:2px;
}

#content h5{
margin:0px;
padding:0px;
padding-top:0px;
font-size:10px;
line-height:10px;
padding-bottom:0px;
text-align:left;
}

#content p{
margin:0;
padding:0px;
padding-top:0px;
padding-bottom:18px;
line-height:14px;
}

#content p a{
font-weight:bold;
}







.modulecontent_sidebar a{
color: #5e5e5e;
}

.modulecontent_sidebar a:hover{
color: #5e5e5e;
}





















 
#sb ul
{
padding:0px;
padding-top:20px;
margin:0px;
list-style-type: none;
text-align:left;
text-decoration:none;
}

#sb ul li{
list-style-type:none;
}



#sb ul li a span.date{
color: #999999;
text-decoration:none;
}

#sb ul li a:hover span.date {
color: #666666;
text-decoration:none;
}

#sb ul li a span.txt {
color: #666666;
}

#sb ul li a:hover span.txt{
color: #000000;
text-decoration:none;
}

#sb ul li a span.titlenews {
color: #666666;
text-decoration:none;
font-weight:bold;
}

#sb ul li a:hover span.titlenews{
color: #000000;
}


#sb ul li a span.txt strong{
color: #93c814;
text-decoration: none;
}

#sb ul li a:hover span.txt strong.txt{
text-decoration: none;
}

#sb ul li{
padding-top: 0pt;
padding-right: 14px;
padding-bottom: 0pt;
padding-left: 14px;
list-style-type:none;
margin-left:0px;
display:block;
}

#sb ul li.first{
padding-bottom: 14px;
list-style-type:none;
margin-left:0px;
padding-left:0px;
}


#sb span.hr{
display: block;
width: 90%;
height: 1px;
overflow: hidden;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddddd;
margin-right: auto;
margin-left: auto;
margin-top:14px;
}


#more{
margin-top:6px;
}







.module_black_sidebar_Bottom
{
    height:26px;
    padding-top:8px;
    padding-left:15px;
    text-align:left;
    background-image: url(column-h2-top_bottom.png);
}








#modulecontent_sidebar_bottom{
 background-image:url(content_sidebar_bottom.png);
 padding:20px;
 padding-top:10px;
}



.module_btm_sidebar_bottom{
	clear: left;
	float: left;
	width: 100%;
	height: 13px;
	background: url(promo-primary_btm_sidebar_bottom.png) no-repeat;
	line-height: 5px;
}



p.information 
{
background-color: #ffffff;
background-image: url(/images/info_icon.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 10px center;
border: 1px solid #cccccc;
}




.bighr{
border:none;
padding-top:0;
padding-bottom:0;
margin-top:0px;
margin-bottom:10px;
height:2px;
border-bottom: 2px dotted #f0f0f0;
}




button{
height:24px;
}