/* CSS Document */

html, body  {
background-image:url(../images/bkgd.gif);
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;

}

/*Attributs principaux*/
html *{ padding:0; margin:0;}
a{text-decoration:none; color:#006699}
ul, li {list-style:none;}
h1, h2, h3{font-family:century gothic; }
h1{display:block; float:left; font-size:2.4em; color:#006699;letter-spacing:-1px; line-height:0.9em; font-weight:normal; margin:0 ; padding:10px 0 10px 0;width: 100%;}
h1 span{ float:left; clear:both;font-size:0.8em; font-weight:normal; color:#666;letter-spacing:-1px; padding:2px 0 10px 0; line-height:0.9em}
h2{ font-size:1.5em; font-weight:normal; color:#000000; padding:2px 0 2px 0; line-height:1.2em; font-weight:normal;}
h2 span {font-size:0.7em}
h3{font-size:1.1em; color:#006699 }
p{color:#333; clear:both;font-size:1em; width:100%;text-align:justify;}
label{ display:block; float:left;width:35%; text-align:right; padding:0 2px 0 0;}
input{ border:1px solid #ccc; width:50%}
input:focus{ border:1px solid #fc0; background-color:#eee}
input.radio{ width:16px; border:none}
select{ border:1px solid #fff; background-color:#666; padding:2px; font-size:0.8em; color:#CCCCCC}
select option{  padding:0 4px;}
.btn{ width:auto; padding: 0 5px 0 5px; margin:0 ; background-color:#CCFFCC; color:#FFFFFF}
.undo{ width:auto; padding: 0 5px 0 5px; margin:0 ; background-color:#FFCC00 ;color:#FFFFFF;}
form{ padding:2%; width:60%}
form a{ font-weight:normal; font-size:11px;}
form div{padding:2px}
form .required{ font-weight:bold; }
form .optional{ font-weight:normal}
form .label_info{ font-size:0.8em; color:#999; display:block; float:left; padding:0 0 8px 0}
small{ float:left; width:50%; padding:1px; background-color:#FFF9D7; border:1px solid #E2C822}
/*bloc global*/
.global{width:100%; display:block; float:left; margin:0 auto;}

/*Gestion du header*/
.header{ width:100%;  display:block; float:left; padding:0; }
.header_content{ display:block;height:80px; float:left;clear:both;width:100%;background-image:url(../images/header.gif); background-position:left; background-repeat:no-repeat}
.header_content a{ display:block; float:left; height:80px; width:300px}


/*chemin des pages*/
.breadcrumb{  display:block; float:left;font: normal 0.8em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#999; width:98%}
.breadcrumb a{ display:block; float:left; padding:5px 5px 5px 16px;color:#999; background-image:url(../images/breadcrumb.gif);  background-repeat:no-repeat; background-position:left center;text-decoration: none;}
.breadcrumb a:hover{text-decoration: underline; color:#666}
.breadcrumb .active{ color:#069; font-weight:bold; float:left;padding:5px 5px 5px 16px;background-image:url(../images/breadcrumb.gif);background-position:left center; background-repeat:no-repeat;}

/*mise en page*/
.chapo{padding:5px; float:left;font-size:1.1em; font-style:italic;}
.chapo p{}
.chapo strong{}
.chapo span{}


/*Gestion des blocs principaux*/
.conteneur{width:900px; margin:0 auto 15px auto;}
.liens img{ border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.liens a{ color:#666; font-family:"Lucida Grande",Arial,Verdana,sans-serif;}

/*Bloc centrale pour styliser le fond du contenu du site*/
.conteneur_style{ display:block;
width:900px; margin:0;float:left; clear:both; background-color:#FFFFFF}

/*comportement du contenu*/
.content{display:block; float:left;width:800px; margin:0 auto;padding:0 50px;}
.content ul{display:block; float:left; margin:0; padding:0;}
.content-header{width:800px; display:block; height:37px;float:left;  background-image:url(../images/content_style_top.gif); background-repeat:no-repeat; }


.grid_list{ float:left; width:100%}
.grid_list_row{ width:100%; float:left}
.grid_list_col{ float:left; margin: 0 0 0 25px; width:150px}
.grid_list_col h3{ font-weight:normal; font-size:0.9em; text-align:left}
.grid_list_col h3 a{color:#333333} 
.grid_list_col_thumb{ float:left; padding:5px; background-image:url(../images/grid_list_bkgd.gif); background-repeat:no-repeat; width:140px; height:140px; text-align:center; vertical-align:middle}

.img_left{ float:left; padding:0 10px 0 0 }
.img_right{ float:right; padding:0 0 0 10px }
.contenu{display:block; margin:0; padding:0 0 0 25px; width:765px;float:left; }
.contenu p{ font-size:1em; line-height:1.3em}
.contenu h1{
color:#FF6600;
font-size:25px;
border-bottom:#FF6600 1px dotted;
width:50%;
}
.contenu h2{
font-size:2.3em;
color:#645A48;
border-bottom:#ccc 1px dotted;
padding:0 0 4px 0;
margin:0 0 15px 0
}
.contenu li{ list-style:none; font-size:0.9em;
background-image:url(../images/picto_liste.gif); background-position:0 2px; background-repeat:no-repeat; padding: 0 0 5px 15px}


.liste_like{ float:left}
.liste_like div{
background-image:url(../images/url_left.gif);
background-position:left center;
background-repeat:no-repeat;
clear:both;
display:block;
float:left;
height:15px;
padding:2px 0 5px 22px;
white-space:nowrap;
width:auto;
margin:0 0 1px 0
}
.liste_like div h3{
background-image:url(../images/url_right.gif);
background-position:right center;
background-repeat:no-repeat;
clear:none;
font-weight:normal;
display:inline;
float:none;
font-size:1.1em;
padding:2px 15px 5px 0;
width:auto;
}
.liste_like div h3 a{ color:#FFFFFF
}
.liste_like div h3 a:hover{ color:#cccc00
}


.news{ width:95%;padding:2%;  display:block; float:left; text-align:justify}
.news p{text-align:justify}
.news h2{border-bottom:none; padding:0 0 0 0; margin:0}
.news span{ clear:both; display:block;  width:100%; border-bottom:1px dashed #ccc; margin:0 0 10px 0}



.thumbnails img{display:block;float:left;width:60px;height:60px;padding:10px 15px 0 0;}



.bloc_index_activities{ display:block; float:left; width:180px; margin:0; padding:0; background-image:url(../images/header_bloc_activities_r.gif);background-repeat:no-repeat; background-position:top right}
#large.bloc_index_activities{ display:block; float:left; width:570px; margin:0 0 0 10px; padding: 0; background-image:url(../images/header_bloc_white_r.gif);background-repeat:no-repeat; background-position:top right}
#large.bloc_index_activities div#all{ display:block; float:left; width:568px; padding: 0; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF;}
#large.bloc_index_activities h2{ font-size:1.2em; padding:3px 0 3px 4px; width:92%; color:#fff;background-image:url(../images/header_bloc_white_l.gif);background-repeat:no-repeat;}
#large.bloc_index_activities img{ float:left; display:block; padding:0 2px 0 0 }
#large.bloc_index_activities h3{ font-size:1.1em; font-weight:normal; padding:8px 0 0 2px; }
#large.bloc_index_activities h3 a{color:#666}
#large.bloc_index_activities div#btm{ display:block; float:left; padding:0; width:100%;height:22px;background-image:url(../images/footer_bloc_white_r.gif); background-repeat:no-repeat; background-position:bottom right}
#large.bloc_index_activities div#btm span{ display:block; float:left; width:90%;height:22px;background-image:url(../images/footer_bloc_white_l.gif); background-repeat:no-repeat}

.bloc_index_activities div#all{ display:block; float:left; width:178px; padding: 0; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF;}
.bloc_index_activities div#btm{ display:block; float:left; padding:0; width:100%;height:22px;background-image:url(../images/footer_bloc_activities_r.gif); background-repeat:no-repeat; background-position:bottom right}
.bloc_index_activities div#btm span{ display:block; float:left; width:90%;height:22px;background-image:url(../images/footer_bloc_activities_l.gif); background-repeat:no-repeat}
.bloc_index_activities div{ display:block; float:left; width:90%; padding:5px}
.bloc_index_activities h2{ font-size:1.2em; padding:3px 0 3px 4px; width:92%; color:#fff;background-image:url(../images/header_bloc_activities_l.gif);background-repeat:no-repeat;}
.bloc_index_activities img{ float:left; display:block; padding:0 2px 0 0 }
.bloc_index_activities h3{ clear:both;font-size:0.9em; font-weight:normal; padding:0 0 0 2px; }
.bloc_index_activities h3 a{color:#666}


.menu_contextuel{display:block; float:left; width:190px; margin:0; padding: 0 0 15px 0; }

.menu_contextuel h2{font-size:1.4em; padding:3px 0 20px 0;width:100%;font-weight:bold;color:#666; background-image:url(../images/mc_header.gif); background-repeat:no-repeat; background-position:bottom; }

.menu_contextuel h3{clear:both;font-size:0.9em; font-weight:normal; padding:0 0 0 2px;}
.menu_contextuel ul{background-image:url(../images/mc_footer.gif); background-repeat:no-repeat; background-position:bottom;background-color:#EFEBE3; padding:5px 0 15px 0;margin:0;list-style:none; }
.menu_contextuel ul li{ margin:0; padding:0}
.menu_contextuel ul li a{color:#333333; border-bottom:1px solid #dedede; display:block; font-size:1em; background-image:url(../images/mc_picto_liste_off.gif); background-repeat:no-repeat; background-position:5px center;background-repeat:no-repeat; padding:5px 0 5px 25px; margin:0 }
.menu_contextuel ul li a:hover{color:#333; background-color:#fff; font-size:1em;background-image:url(../images/mc_picto_liste_on.gif); background-repeat:no-repeat; background-position: right; padding-left:25px; }
.menu_contextuel ul li a#current02{color:#333; background-color:#fff; font-size:1em;background-image:url(../images/mc_picto_liste_on.gif); background-repeat:no-repeat; background-position: right; padding-left:25px; }

.teaser{ float:left; padding:0 0 10px 0; width:800px;}
.teaser_content{ display:block;float:right; width:430px;}

.teaser_content ul{ padding:5px 0 0 0;  }
.teaser_content ul li{ list-style:none; padding:0 0 0 20px; font-family:century gothic; color:#006699;font-size:1.3em; font-weight:normal; background-image:url(../images/agt_action_success.gif); background-position:left; background-repeat:no-repeat}
.teaser_content p{ font-size:1.1em; width:95%; clear:both}

.bloc_teaser_all{ float:left; width:900px; padding:0 15px 20px 15px}
.bloc_teaser{display:block;
background-color:#645A48;
float:left;
height:170px;
margin:0 3px;
padding:2px;
position:relative;
width:306px;}
.bloc_teaser h2{ float:left;font-size:1.6em; width:100%; border-bottom:1px dashed #999; color:#fff; font-weight:normal; margin:0 0 5px 0; padding:0 0 2px 0}
.bloc_teaser p{ font-size:1.0em; padding:0 5px 0 5px; text-align:left; color:#eee }
.bloc_teaser a{ color:#006600; font-weight:bold }
.bloc_teaser .detail{ display:block; position:absolute;bottom:2px; left:15px}


/* table */
.table_data_simple {border-collapse:collapse; border:0; margin:0; padding:2%; width:96%}
.table_data_simple tbody{border-collapse:collapse; border:0; margin:0; padding:0; width:100%}
.table_data_simple table{border-collapse:collapse; border:0; margin:0; padding:0; clear:both; width:100%}

.table_data_simple th{ background-color:#999999; color:#ccc; padding:5px; text-align:left}
.table_data_simple th a{ color:#fff}
.table_data_simple tr.dark{ background-color:#eee;}
.table_data_simple td{ padding:5px; border:1px solid #DEDEDE}


/*Gestion du footer*/
.footer{ position:relative; display:block; float:left; color:#666;width:100%; background-color:#333;text-align:center;font-family:"Lucida Grande",Arial,Verdana,sans-serif;display:block; margin:0 auto 0 auto; padding:15px 0; clear:both;font-size:0.9em;
}
.footer a{ color:#999999;text-decoration:none;}
.footer a:hover{ text-decoration:underline; color:#666666;}


/*generale*/
.open_close_box{ border-top:1px solid #eee;border-bottom:1px solid #eee;clear:both; padding:2%; width:96%; display:block; float:left}

/*mise en page*/
.quote{  margin:0 auto; font-size:1.1em; padding:18px 0 12px 40px; left:60px; width:650px; font-size:1.6em ;background-image:url(../images/quote_pdt.gif); background-repeat:no-repeat; background-position:0px 7px}
.quote span{ display:block; float:left; padding:0; font-size:0.7em;color:#999}



/*columns x 3*/
.grid3col{
display:block; float:left;
clear:both;
margin:0;
padding:10px 0 10px 0px;
width:100%;}

.column{
display:block;
float:left; 
margin:0;
padding:0 2px ;
width:192px;
}
.column h3{
font-size:1.3em; font-weight:normal; color:#369
}
.column ul{
list-style:none; padding:3px 0 0 0; margin:0
}
.column ul li{
list-style:none; padding:0 0 0 10px; margin:0 0 2px 0; text-align:left; background-image:url(../images/column_arrow.gif); background-position:1px 3px; background-repeat:no-repeat;font-size:0.9em
}
.column p{
padding:0;
display:block; float:left; width:90%
}
.column.first{
margin-left:0 !important;
border:medium none;
}
.column.last{
margin-left:0px !important;
border:medium none;
}


.liste_style{ display:block; width:700px; margin:0 auto;}
.liste{ display:block; float:left;margin:5px auto; padding:4px 8px; width:95%}
.liste h2{ font-size:1.2em; width:80%; font-weight:bold; padding:0 0 2px; margin:0}
.liste p{ clear:both;
display:block;
float:left;
font-size:1em;
padding:0 0 2px; width:98%;}
.liste a { float:right}
.liste .details{ display:block; float:left;  width:85%; position:relative}
.liste .img{ display:block; float:left; width:80px; border-right:1px solid #ccc; margin:0 5px 0 0 }

.sub_teaser{ display:block; float:left; width:100%; border-top:1px solid #ccc; text-align:center; background-color:#eee}
.sub_teaser h3{ color:#006699; font-size:0.9em}
.sub_teaser ul{ display:inline; float:left; clear:both; padding:15px 0}

.sub_teaser ul li{ display:inline; border-right:1px solid #ccc;border-left:1px solid #fff; width:210px;float:left;}
.sub_teaser ul li#latest{ display:inline; border-right:0;border-left:1px solid #fff; width:215px;float:left}




/*Notre mtier*/
.chapitre{ display:block; float:left; width:100%; margin:5px 0; border-bottom:1px solid #eeeeee; padding-bottom:15px;}
.chapitre ul{ padding:5px 0 0 0; }
.chapitre ul li{ list-style:none; padding:0 0 0 20px; font-family:century gothic; color:#006699;font-size:0.8em; font-weight:normal; background-image:url(../images/agt_action_success.gif); background-position: top left; background-repeat:no-repeat}
.chapitre img.left{ float:left; padding:5px 10px 0 0}
.chapitre img.right{ float:right; padding:5px 10px 0 0 }
.chapitre .deux{display:block; width:200px; float:left; padding: 0 10px 0 0;}



/*columns x 2*/
.grid2col{ display:block; float:left;clear:both;margin:15px 0;width:100%; border-bottom:1px solid #eee}
.column2{float:left; font-size:0.9em;border-right:1px dashed #DADBDE;margin:0 0 20px;padding:1%;width:45%; position:relative}
.column2 h3{ font-weight:normal; color:#369}
.column2 p{ clear:both}
.column2.first{margin-left:0 !important;border:medium none;}
.column2.last{border-right:none;}

.coordonnee p{font-size:0.9em; color:#006699}
#map{display:block; width:450px; height:500px;float:left; padding-right:25px;}