html, body {
background:#FFFFFF url(../img/fond.jpg) ;
color:#000000; 
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
height:100%;

}

p {  color:#000000; margin-top:0; line-height:16px; font-size:120%; margin-bottom:7px;  }
span { color:#000000; font-size:inherit; }
a { color:#001A85; font-size:100%;  }
a:hover { color:#598CEF; }
i { font-size:inherit; line-height:inherit; }
b, strong { font-size:100%; font-weight:bold; line-height:inherit; }

a:hover {text-decoration:underline; cursor:pointer; outline:none;  }
hr { margin:5px 0; background:url(../img/hr.png) repeat-x top left; height:1px; padding:0; line-height:0px; border:0; clear:both;}

h1 { font-size:190%; line-height:23px; margin-bottom:15px; color:#a36e2a; }
h2 { border-bottom:1px dotted; font-size:180%; line-height:21px; margin-bottom:7px; font-weight:normal; margin-top:10px; clear:both; }
h3 { font-size:140%; margin-top:10px; }
.middle h3 { font-size:140%; margin-top:0px; }

.off { display:none; }

/**************** HEADER **********************/
.header_fr{ background:url(../img/header_fond_fr.jpg) no-repeat top left; width:940px; height:197px;   }
.header_en{ background:url(../img/header_fond_en.jpg) no-repeat top left; width:940px; height:197px;   }
.logo { padding-top:18px; padding-left:28px; }

.langue { float:right; margin-right:10px; text-align:right; margin-top:27px; }
.langue a { color:white; font-size:120%; text-decoration:underline; }


/**************** CONTAINER ********************/
.container { min-height:100%; position:relative; background:url(../img/fond_degrade_repeat.png) repeat-y; width:940px; margin:0 auto; padding:0 21px; }


/**************** CONTENT ********************/
.content {  display:inline-block; margin-bottom:15px; padding-bottom:133px;   } /* padding-bottom = height of the footer */

/**************** COL LEFT ********************/
.content .col_left { float:left;  width:235px; background:url(../img/col_left_fond.jpg) no-repeat top left; height:400px; padding-bottom:229px; }

.ss_nav { margin-left:21px; margin-top:-35px; }
.ss_nav .top { background:url(../img/ss_nav_top.png) no-repeat top left; height:35px; width:201px;}
.ss_nav .middle { background:url(../img/ss_nav_middle.png) repeat-y top left; width:201px;}
.ss_nav .bottom { background:url(../img/ss_nav_bottom.png) no-repeat top left; width:201px; height:77px; margin-top:-50px; position:relative; z-index:0; }

.ss_nav h3 { color:#2D3F88; padding-left:17px; }
.ss_nav ul { z-index:1; position:relative; margin-top:8px;  }	
.ss_nav li.titre span{ color:#A46F2A;  padding-left:10px; font-size:120%; font-weight:bold; background:none;   }	
.ss_nav li.titre { background:none; padding:0; padding-top:5px; }	
.ss_nav li { width:193px; margin-left:3px; padding-bottom:1px; margin-top:0px; }	
.ss_nav li a { text-decoration:none; display:block;  }	
.ss_nav li span { font-size:120%;  background:url(../img/ss_nav_li.png) no-repeat 0px 7px; padding-left:13px; margin-left:11px; display:inline-block; padding-top:3px; line-height:14px; }	
.ss_nav li.actif { background:#2D3F88; width:193px;  }	
.ss_nav li.actif span { color:#FFFFFF; background:url(../img/ss_nav_li_roll.png) no-repeat 0px 7px;  }	

.ss_nav li.actif:hover { background:#2D3F88; }
.ss_nav li:hover { background:#c8cddf; width:193px; }
.ss_nav li.titre:hover { background:none;  }

.ss_actu { margin-left:21px; margin-top:10px; position:absolute; z-index:1; }
.ss_actu .top { background:url(../img/ss_actu_top.png) no-repeat top left; height:7px; width:201px;}
.ss_actu .middle { background:url(../img/ss_actu_middle.png) repeat-y top left; width:201px;}
.ss_actu .bottom { background:url(../img/ss_actu_bottom.png) no-repeat top left; width:201px; height:10px; }

.ss_actu ul { margin-left:14px;  }
.ss_actu li { background:url(../img/puce_off.png) no-repeat 0 4px; }	
.ss_actu li a { text-decoration:none;   }	
.ss_actu li span { font-size:120%; padding-left:13px; margin-left:6px; display:inline-block; width:160px;  }	
.ss_actu li:hover { background:url(../img/puce_on.png) no-repeat 0 4px;   }	
.ss_actu li:hover span { color:#2D3F88; }	

.ss_actu li.actif:hover {   }
.ss_actu li:hover span{ color:#2D3F88;  }


/**************** COL RIGHT ********************/
.col_right { float:left;  width:670px; margin-top:10px; margin-left:10px;  }
.col_right li { background:url(../img/puce.jpg) no-repeat 0 6px; font-size:12px; padding-left:10px; margin-top:8px; line-height:16px;}
.col_right li li { background:url(../img/puce.jpg) no-repeat 0 6px; font-size:12px; padding-left:10px; margin-top:0px; line-height:16px;}
.col_right li.titre { color:#A46F2A; font-weight:bold;  background:none;}
.col_right ul { margin-bottom:10px; }

.content .col_right img { box-shadow: 0px 0px 10px #818181; border:1px solid #4F5F9F;
-webkit-box-shadow: 0px 0px 10px #818181;
-moz-box-shadow: 0px 0px 10px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=0, offY=0, positive=true); }

span.lexique { background:#D9DCEA; text-decoration:none; } 

span.lexique  {

height:18px;
padding:0 2px;
position:relative;
z-index:9;
}

span.lexique:hover {
z-index:10;
}
span.lexique span {
display:none;
}
span.lexique:hover span {
background:none repeat scroll 0 0 #fff;
border:1px solid #bdc4e5;
color:#000000;
display:block;
left:-20px;
margin-left:20px;
min-width:220px;
padding:5px;
position:absolute;
/*text-align:justify;*/
top:15px;
line-height:17px;
box-shadow: 0px 0px 10px #818181; 
-webkit-box-shadow: 0px 0px 10px #818181;
-moz-box-shadow: 0px 0px 10px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=0, offY=0, positive=true);
}
.lexique a {
color:#D4711A;
}

.plan { float:right; }

/**************** COL MIDDLE ********************/
.col_middle { float:left;  width:910px; margin:15px; margin-bottom:0;  }

.visuel_home {  background:url(../img/visuel.jpg) no-repeat center center; height:284px; width:895px; margin:0 auto;}

.cadre_home { width:895px; margin:0 auto; margin-top:18px; }
.cadre_home .top { background:url(../img/home_fond_top.jpg) no-repeat top left; width:895px; height:2px; }
.cadre_home .contenu { background:url(../img/home_fond_repeat.jpg) repeat-y top left; min-height:145px;  }
.cadre_home .bottom {background:url(../img/home_fond_bottom.jpg) no-repeat top left; width:895px; height:2px; }


.services { width:350px; background:url(../img/service_repeat.png) repeat-y right top; float:left; vertical-align:top;}
.services h1 { font-size:170%; line-height:27px; margin-bottom:0px; color:#1e5490; margin-left:15px; background:url(../img/service_fond.jpg) no-repeat top left; padding:3px; width:324px;}
.services ul {  width:344px; border-bottom:1px solid #D1D4DF  }
.services li.blue { background-color:#DBE4EF;}
.services li {margin-left:4px;  background:url(../img/puce_on.png) no-repeat 13px 13px; padding:5px 0 5px 30px; color:#1e5490; font-size:170%;   }
.services li a { text-decoration:none; color:#07376d;}
.services li a:hover { text-decoration:underline; }

.news {  padding-left:15px; padding-top:4px; width:500px; display:inline-table; }
.news h1 { color:#a46f2a; font-size:170%; margin-bottom:0; }
.news p {   }

/**************** FOOTER ************************/
.footer { background: url(../img/footer_fond.jpg) no-repeat top left;  bottom:0; position:absolute; width:940px; height:133px;} /* height = padding-bottom of the content */

.bat { background:url(../img/bat.png) no-repeat top left; width:195px; height:229px; float:left; margin-top:-229px; position:absolute; left:0; }

.footer .col_left {  padding-bottom:0; padding-top:10px; padding-left:15px; float:left;   }
.footer .col_right { padding-bottom:0;  padding-right:15px; width:200px; float:right; }

.footer ul { float:left; margin-left:-6px; }
.footer li { float:left; }
.footer li a {float:left;  background:url(../img/li.gif) no-repeat right center; text-decoration:none;  }
.footer li a:hover { text-decoration:underline; color:#FFFFFF; }
.footer li a span { float:left; margin:0 6px; color:#FFFFFF; font-size:120%;  }

.footer .coordonnees { float:left; clear:both; }
.col_left .col_left { float:left; padding:0; padding-top:15px; margin:0; }
.col_left .col_right { float:left; padding:0; padding-top:15px; margin:0;}
.footer p { margin:0; color:#FFFFFF; }

.footer .award { display:inline-block; text-align:right; width:100%;   }
.footer .award a { margin-left:4px;}
.footer .signature {   float:right; text-align:right; padding-top:12px;  }
.footer .signature p { text-align:right;font-size:110%;  }
.footer .signature a { color:#5277A7; text-decoration:none; font-size:100%; }
.footer .signature a:hover { color:#FFFFFF; }

.footer  a.adminedit { color:#FFFFFF; background:#2C3E70; position:fixed; right:0; bottom:0; padding:5px; box-shadow: 0px 0px 10px #818181; 
-webkit-box-shadow: 0px 0px 10px #818181;
-moz-box-shadow: 0px 0px 10px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=0, offY=0, positive=true);}
.footer  a.adminedit:hover { background:#254499;  }

/***************** Table ************************/

table.formulaire td {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#000000;
padding:5px;
}
table.formulaire tr {
background:none repeat scroll 0 0 transparent;
border:medium none;
padding:2px;
}
table.formulaire th {
padding:4px 0 0;
text-align:left;
vertical-align:top;
font-size:120%;
}
table.formulaire p {
margin-bottom:5px;
}
.formulaire input {
padding:4px;
}
.short {
width:400px;
}
.code {
height:21px;
width:80px;
}
img.captcha {
border:1px solid #D1D7EF;
float:left;
width:110px;
}


/**************** FORM **************************/
input, textarea {
background:url("../img/fd_input.jpg") no-repeat scroll left top transparent;
border:1px solid #D1D7EF; font-size:120%;
padding:4px;}

/**************** INFO BOX **********************/
.box p { color:#000000; margin:0; font-size:120%; }

.box {
border:1px dotted #000000;
margin:10px 10px 0 0;
min-height:25px;
padding:5px 5px 5px 45px;
}
.info {
background:url("../img/info.png") no-repeat scroll 6px 5px #D1DAEF;
}
.error {
background:url("../img/error.png") no-repeat scroll 6px 3px #FFEA6A;
}



/************************ Navigation  **********************/
.navi {  float:right;  margin-top:22px;  }
.navi .left { background:url(../img/nav_left.png) no-repeat  left top; width:90px; height:28px; float:left; }
.navi .right { background:url(../img/nav_right.png) no-repeat  left top; width:90px; height:28px; float:left; }

#nav-one li.actif { color:#CC3300; font-weight:bold; }

.nav {
  z-index: 100;
  position: relative;
  float:left;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  background:url(../img/nav_fond.png) repeat-x top left;
}

/** 1er niveau par defaut **/
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
   text-decoration: none; float:left; }

.nav li a span { padding:0 6px;  line-height:29px; float:left; color:#FFFFFF; font-size:130%; height:28px;   }
   
   
/** 1er niveau rollover **/
#nav-one ul li, 
#nav-one ul li.sfHover {
background:none;
}   

/** 1er niveau rollover **/
#nav-one li:hover a span, 
#nav-one li.sfHover a span{
color:#CCCCCC;
}

/** 2eme niveau defaut de LI **/ 
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background:url(../img/nav_ul_li.png) repeat-y ;
  border:none;
  padding:3px 0px 3px 10px;
  white-space:normal;
  display:block;
  float:none;
  width:145px;
}

/** 2eme niveau LI rollover **/
#nav-one li:hover ul li a:hover , 
#nav-one li.sfHover ul li a:hover {
  background:url(../img/nav_ul_li_hover.png) repeat-y top left;
}

/** 2eme niveau LI rollover **/
#nav-one li:hover ul li a:hover span, 
#nav-one li.sfHover ul li a:hover span {
  color:white;
  background:url(../img/nav_ul_li_hover.png) repeat-y top left;
}

/** 2eme niveau LI actif **/
#nav-one li.actif:hover ul li.actif a, 
#nav-one li.sfHover ul li a:hover {
  background:url(../img/nav_ul_li_actif.png) repeat-y top left;
}

/** 2eme niveau LI actif  **/
#nav-one li.actif:hover ul li.actif a span, 
#nav-one li.sfHover ul li a:hover span {
  color:#2D3F88;
  background:#d9dcea;
}


#nav-one li:hover ul a span, 
#nav-one li.sfHover ul a span  {
  padding:0px;
  margin:0;
  line-height:normal;
  font-size:120%;
 float:none;
 color:black;
}

/** 2eme niveau UL defaut **/
.nav ul {
  list-style: none;
  float:left;
  padding-right:0px;
  position: absolute;
  top: -999em;
  left:-4px;
  background:url(../img/nav_ul.png) no-repeat top left;
  padding-top:10px;

}

#nav-one ul li.bottom { background:url(../img/nav_ul_bottom.png) no-repeat top left; height:4px; width:155px;  }


/** 2eme niveau UL rollover **/
.nav li:hover ul,
.nav li.sfHover ul {
  top:17px;
  width:155px;
  z-index:1000;
  position:absolute;
}

.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border-bottom: 0;
  white-space: nowrap;
}

#nav-one li.actif a:hover { cursor:pointer;  }

.nav li a { background:url(../img/nav_separateur.png) top left no-repeat; margin-left:-1px;  } 

.nav li a:hover span{  }   
.nav li a:hover {    } 
#nav-one li a:hover span { }


#nav-one li:hover a span, #nav-one li.sfHover a span{  }
#nav-one li:hover a, #nav-one li.sfHover a{  }
#nav-one li.actif { margin-top:0px; margin-right:-1px;   }  
#nav-one li.actif a span{ background:#FFFFFF;  }   
#nav-one ul li a span{ background:#FFFFFF;  }   
#nav-one li.actif a {     } 
#nav-one li.actif a span {color:#001a85; height:28px; }

#nav-one ul li.titre { margin:0; background:url(../img/nav_ul_li.png) repeat-y top left; cursor:default; margin-left:-1px; }
#nav-one ul li.titre span { font-size:120%; font-weight:bold; margin-top:5px; padding-left:10px; display:inline-block; color:#a46f2a; }

/************************* bouton ***************************/
a.bouton {
background:url("../img/bt_right.png") no-repeat scroll right center transparent;
display:inline-block;
margin-left:0;
padding:0 11px 0 0;
text-decoration:none;
white-space:nowrap;
}
a.bouton span {
background:url("../img/bt_left.png") no-repeat scroll left center transparent;
color:#2D3F88;
display:inline-block;
font-size:120%;
line-height:29px;
padding:0 0 0 9px;
}
a.bouton span:hover {
color:#000000;
}