/* Site Global CSS, Powered by Sylvain Cahot - CSS principal */
div, span, form, ul, ol, li, h1, h2, h3, h4, h5, h6, p, img, input, table, td, hr, select, textarea, label {
	margin: 0px;
	padding: 0px;
}

body{
    background-color:#fff;
    margin:0px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:small;
    color:#666666;
}
#global{
    width:1024px;
    margin-left:auto;
    margin-right:auto;        
}

/*-----------------------------------------------------------------HEADER--------------------------------------------------------------*/
#header{
    background:url('../../images/default/header_bg.jpg') no-repeat;
    height:176px;
}
#header_content{    
    width:980px;
    margin:auto;
    padding:0px 0px 0px 50px;    
}
.tunnel_header{    
    width:360px;
    float:left;    
}

.tunnel_header h2 span, .tunnel_header a span{
    display:none;
}
.tunnel_header p{
    font-size:.9em;
    font-weight:bold;
    padding: .8em 1em .4em 1em;
  /*  text-align:justify;*/
}
#headerleft{    
    margin:30px 0px 0px 0px;
    text-align:left;
}
#headerright{
    margin:30px 0px 0px 0px;
    text-align:right;
}
#headerleft .headertitle{
    background: url('../../images/default/header_bg_left2.png') no-repeat;
    height:35px;
}
#headerright .headertitle{
    background: url('../../images/default/header_bg_right2.png') no-repeat;
    height:35px;
}
#logo{    
    float:left;
    margin:0px 20px 0px 20px;
}
#logo a{
    outline: none;
}

/*
.knowmore{
   background:url('../../images/default/btknowmore.png') no-repeat;

    width:69px;
    height:21px;
    cursor:pointer;
    float:right;  
    margin:10px 15px 0px 0px;
}

.knowmoreent{
    background:url('../../images/default/knowmore_entreprise.png') no-repeat;
    width:215px;
    height:23px;
    cursor:pointer;    
    margin:10px 15px 0px 0px;
}

.knowmorepart{
    background:url('../../images/default/knowmore_particulier.png') no-repeat;
    width:215px;
    height:23px;
    cursor:pointer;    
    margin:10px 15px 0px 0px;
}*/

/*-----------------------------------------------------------------MENU--------------------------------------------------------------*/
#menu_container{
    background:url('../../images/default/menu_bg.jpg') no-repeat;
}
#fil_ariane{
    color:#28aacd;
    font-size:x-small;
    margin-bottom:10px;
}

#fil_ariane a:link, #fil_ariane a:visited{
    color:#28aacd;
    text-decoration:none;
}
#fil_ariane a:active, #fil_ariane a:hover{
    color:#28aacd;
    text-decoration:underline;
}

/*--------------------------------------------------------SIDEBAR-------------------------------------------------------------*/
.side{
    float:right;
    margin:10px 0px 0px 0px;
}
#home_footer .side{ 
    margin:0px;
}



.side h4.blue{
    color:#036393;
    font-size:12px;
    display:inline;       
}

.side h3.blue{
    color:#036393;
    font-size:18px;
    font-weight:normal;
    margin:10px 10px;
}
.bloc_ident{
    margin-left:10px;
}
.bloc_ident a{
    color:#7b7b7b;
    font-size:11px;
}


.input_l{
    border:0px;
    background:url('../../images/default/input_l.jpg') no-repeat;
    width:179px;
    height:20px;
    padding-top:1px;
    padding-left:2px;
    margin:0px;
}

.input_s{
    border:0px;
    background:url('../../images/default/input_s.jpg') no-repeat;
    width:123px;
    height:20px;
    padding-top:1px;
   /* padding-left:2px;*/
}

.fakefile .champs_text { width: 123px; margin-top: 5px; }
.fileinputs { position: relative; }
.fakefile { position: absolute; top: 0; right: 0; z-index: 1; }
.fakefile .btn_browse {
    float: right;
    text-align: left;
    margin: 4px 0 0 30px;
    text-indent: -9999px;    
    background:url('../../images/default/browse_bt.jpg') no-repeat;
    width:77px;
    height:19px;
    cursor:pointer; /* pour IE6 */
  
}
.file {
    position: relative;
    text-align: right;
    width: 350px;
    -moz-opacity: 0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 999;
}

.btok{
    width:20px;
    height:21px;
    border:none;    
    float:right;
    margin-right:5px;
    position:absolute;   
}
#encart_videoref{
    margin:35px 12px;
}
#encart_videoref img{
    padding:3px;
    border:1px solid #dbe0e0;
    height:160px;
}
#encart_videoref h3.grey{    
    color:#7b7b7b;
    font-size:18px;
    margin-bottom:5px;      
}
/*-----------------------------------------------------------------HOME--------------------------------------------------------------*/

#encart_alaune{
    width:580px;
    padding-left:10px;    
    margin-bottom:5px;
    color:#000;
    height:150px;
    overflow:hidden;
    position:relative;
}
#encart_alaune a{
    float:right;
    color:#000;
}
#encart_vae{
    /*margin-top:20px;*/
}
#encart_vae h2{
    margin-left:10px;
}
/*--------------------------------------------------------TUNNEL VERTICAL-----------------------------------------------------------*/
#tunnel_image_vert{        
    padding:0px;
    margin:0px;
}

#tunnel_image_vert div.vignette{
    border:3px solid #d1a630;     
    margin:10px 0px;
    position:relative;
    padding:0px;
    height:120px;
    width:165px;
}

#tunnel_image_vert div.vignette img{
    width:165px;    
    margin:0px;
    padding:0px;
    border:0px;
    z-index:3;    
}
#tunnel_image_vert div.vignette a {
    text-decoration:none;
}
#tunnel_image_vert div.vignette_text{
    margin:0px;
    width:161px; /* largeur vignette - padding*2 */
    height:2.5em;
    padding:0px 2px;
    text-align:left;
    color:white;
    background:black;
    filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;       
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:5;   
}
/*--------------------------------------------------------RECHERCHE-----------------------------------------------------------*/

#recherche h4.blue{
    color:#036393;
    line-height:50%;
    font-size:12px;
    display:inline;
}

.btrecherche{
    float:right;  
    background:url('../../images/default/recherche_bt.jpg') no-repeat;
    width:66px;
    height:21px;
    border:0px;
    font-size:0px;
    cursor:pointer;
    border:none;
}
.lienRecherche{
    color:#000;
}
/*--------------------------------------------------------TUNNEL HORIZONTAL-----------------------------------------------------------*/
#tunnel_image_horiz{
    padding:0px;
    margin:0px;
}
#tunnel_image_horiz .vignette_container{    
    float:left;
    margin:0px 10px;
    width:131px;    
}

/*
#tunnel_image_horiz .vignette_container h3.grey{
    color:#7b7b7b;
    font-size:12px;
    height:30px;
    width:125px;
    margin:0px 3px;
    position:relative;
}
*/
#tunnel_image_horiz .vignette_container .title_vignette{   
    height:30px;
    width:125px;   
    margin:0px 3px;
    position:relative;
}
#tunnel_image_horiz .vignette_container .title_vignette h3.grey{   
    font-size:12px;
    position:absolute;
    bottom:0px;    
    text-align:left;
}

#tunnel_image_horiz div.vignette{
/*    border:3px solid #edf1f1;*/
    position:relative;
    padding:0px;
    height:168px;
    width:132px;
}

#tunnel_image_horiz div.vignette img{
    height:160px;
    width:125px;
    margin:0px;
    padding:3px;
    border:0px;
    z-index:3;
    border:1px solid #dbe0e0;
    clear:both;
}

#tunnel_image_horiz div.vignette_text a {
    text-decoration:none;
    color:#fff;
    float:right;
    font-size:10px;
}

#tunnel_image_horiz div.vignette_text{
    margin:0px;
    width:116px; /* largeur vignette - padding*2 */
/*    height:2.5em;*/
    padding:4px;
    text-align:left;
    color:white;
    background:black;
    filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
    position:absolute;
    bottom:4px;
    left:4px;
    z-index:5;
    overflow:hidden;
    font-size:11px;    
}
/*--------------------------------------------------------CONTACT--------------------------------------------------------------*/
#contact_form label{
    display:block;
    width:120px;
    float:left;
}
#contact_form label.error{    
    width:300px;    
    color:#d1a630;
    margin-bottom:5px;
    padding-bottom:5px;
    display:block;
}
#contact_form p{
    margin:7px 0px;
}

#contact_form input.input_xl{
    border:0px;
    background:url('../../images/default/input_xl.jpg') no-repeat;
    width:223px;
    height:20px;
    padding-top:1px;
    padding-left:2px;
    margin:0px;
}

#contact_form .radio input{
    margin-right:5px;    
    width:1em;
    
}   

#contact_form .cont_textarea{
    width:223px !important;
    height:111px !important;
    padding:5px;
    margin:30px 0px 0px 120px;
    background:url('../../images/default/input_comment_textarea.jpg') no-repeat;
    position:relative;
}
#contact_form textarea{
    width:213px !important;
    height:100px !important;
    border:none;
    border:0px;
    margin:0px;
    position:absolute;
}
#contact_form #leftpart{
    margin:20px 15px 0px 0px;
    padding:0px;
    width:350px;
    float:left;    
}
#contact_form #rightpart{
    margin:20px 0px;
    padding:0px;
    float:left;
    width:350px;
}
#contact_form .btenvoyer{
    float:right;
    margin:7px 5px ;
    background:url('../../images/default/envoyer_bt.jpg') no-repeat;
    width:69px;
    height:21px;
    border:0px;
    font-size:0px;
    cursor:pointer;
    border:none;
}
#contact_form .btok{
    width:20px;
    height:21px;
    border:none;
    float:right;
    margin-right:5px;    
    position:absolute;
    background:none;    
}

#form_valid{
    background:url('../../images/default/form_confirm_box.jpg') no-repeat;
    width:519px;
    height:164px;
    padding:20px 0px 0px 30px;
    margin:70px 0px 0px 100px;

}
/*--------------------------------------------------------CONTENT--------------------------------------------------------------*/

#content{
    min-height:400px;
    background:#fff url('../../images/default/content_bg.jpg') bottom repeat-x;    
    padding:10px 35px;
    text-align:justify;
    font-size:small;
    
}
#content h2{
    color:#d1a630;
    font-size:x-large;
    font-weight:normal;
}
#content h2.blue{
    color:#036393;
}

/*-----------------------------------------------------------FOOTER----------------------------------------------------------*/
#footer{
    background:#fff url('../../images/default/footer_bg.jpg') top repeat-x;    
    padding:20px 0px 0px 0px;
    height:80px;
    text-align:center;
    color:#666666;
}

.encart_temoignage{
    width:280px;
    text-align:justify;
    float:left;
    margin:5px 10px;
    color:#000;
}

.encart_temoignage h3.blue{
    color:#036393;
    font-size:12px;    
}
.encart_temoignage p{
    display:inline;
}
.encart_temoignage a{
    float:right;
    font-size:11px;
    color:#000;
    margin-top:10px;
}
.temoignage_content{
   height:160px;
}
#encart_diplome{
    margin:0px 12px;
/*    margin:0px 30px;*/
    color:#000;
    position:relative;    
}
#encart_diplome div.vignette_text_dipl{
    margin:0px;
    width:160px; /* largeur vignette - padding*2 */
    height:142px;
    padding:4px;
    text-align:right;
    color:white;
    background:black;
    filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
    position:absolute;
    bottom:4px;
    left:116px;
    z-index:5;
    overflow:hidden;    
}
#encart_diplome div.vignette_text_dipl ul{
    list-style:none;
    margin-bottom:30px;
}
#encart_diplome div.vignette_text_dipl ul li{
    margin:6px;
}
#encart_diplome img{
    border:1px solid #dbe0e0;
    padding:3px;
}
#encart_diplome div.vignette_text_dipl a{
    color:#fff;
    font-size:11px;
    margin-right:4px;
}
#encart_diplome h3.grey{
    color:#7b7b7b;
    font-size:18px;
}

#home_footer{
    background:#fff url('../../images/default/footer_bg.jpg') top repeat-x;    
    padding:20px 30px;
}
#home_footer h3{
    margin-bottom:5px;
}

#global_footer{
    background:#fff url('../../images/default/footer_bg.jpg') top repeat-x;
}

#global_info{
    clear:both;
    text-align:center;
    font-size:x-small;
    color:#666666;
    padding:20px 0px;
}
#global_info a{
    color:#666666;
}
#sitemap{
    margin:20px 0 0 0;
}
#sitemap ul{
    list-style:none;
}

#sitemap ul li ul li{
    font-weight:normal;
    margin:5px;
}

#sitemap_menu {
    list-style:none;    
}

#sitemap a{
    color:#666666;    
}

#sitemap ul li{   
    font-weight:bold;    
}

#sitemap ul li a{
    font-weight:bold;
    color:#036393;
}

#sitemap ul li ul li a{    
    color:#666666;
    font-weight:normal;
    margin:20px;
}

#sitemap a:link, #sitemap a:visited{    
    text-decoration:none;
}
#sitemap a:active, #sitemap a:hover{    
    text-decoration:underline;
}
/*-----------------------------------------------ERROR---------------------------------------------------*/
#error a.blue:link, #error a.blue:visited{
    color:#036393;    
    font-weight:normal;
    text-decoration:none;
}
#error a.blue:active, #error a.blue:hover{
    text-decoration:underline;
}

/*-----------------------------------------------ERROR---------------------------------------------------*/
 a.bluelink:link, a.bluelink:visited{
    color:#036393;
    font-weight:normal;
    text-decoration:none;
}
a.bluelink:active, a.bluelink:hover{
    text-decoration:underline;
}