/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; height:100%; }
body { margin:0; padding:0; font:10px/14px Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#000; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#006666; }
a:hover { text-decoration:underline; }
h1 { font-size:16px; font-weight:bold; }
h2 { font-size:14px; font-weight:bold; }
h3 { font-size:12px; font-weight:bold; }
h4 { font-size:10px; font-weight:bold; }
select { margin:0; font-size:10px;  }
form { margin:0; }
input { font-size:10px;  margin:5px 0; }
textarea { font-size:10px; margin:5px 0; }



/*****************************/
/*        STRUCTURE          */
/*****************************/
#conteneur { width:780px; margin:0 auto; text-align:left; background:url(/images/common/fonds/fd_conteneur.gif) right 82px no-repeat; }

#top { height:101px; }
#pratique { float:right; width:642px; height:23px; background:url(/images/common/fonds/fd_pratique.gif) 0 0 no-repeat; }
div.langues { float:left; background:#818992 url(/images/common/fonds/coin_langues.gif) right 0 no-repeat; width:95px; height:23px; }
div.langues img { margin:5px 0 0 4px; }

#contenu { width:780px; }
#principal { float:left; width:615px; padding:48px 0 48px 27px; }

/*****************************/
/*           HOME            */
/*****************************/



/*****************************/
/*         ACTIVITES         */
/*****************************/
#texte { float:left; width:340px; }
#visuels { float:left; width:185px; margin:97px 0 0 0; padding:0 0 0 90px; }
#visuels img {margin:0 0 15px 0; }
p.chiffrescles { font:bold 24px/24px Myriad, Geneva, Arial, Helvetica, sans-serif; color:#818992;  }

/*****************************/
/*        ACTUALITES         */
/*****************************/
#left { float:left; width:242px; padding:0 10px 30px 10px; }
#actus { float:left; width:502px; padding: 0 0 30px 16px; }


/*****************************/
/*         HISTORIQUE        */
/*****************************/
div.annee { width:520px; margin:0 0 20px 0; }
div.illustr_annee { float:left; width:158px; }
div.descrip_annee { float:left; width:362px; }


/*****************************/
/*          PRODUITS         */
/*****************************/
#visuels_prdts { float:left; width:273px; }
#descriptif_prdts { float:left; width:342px; }

ul.details_prdt_left { float:left; width:160px; background:#fff; list-style:none; margin:50px 0 0 10px; padding:0; }
ul.details_prdt_left li { background:#f6fbfc; margin:10px 0 0 0; padding:10px; height:35px;  }

ul.details_prdt_right { float:left; width:160px; background:#fff; list-style:none; margin:50px 0 0 10px; padding:0; }
ul.details_prdt_right li { background:#f6fbfc; margin:10px 0 0 0; padding:10px; height:35px;  }

/*****************************/
/*        REALISATIONS       */
/*****************************/
#principal_realisations { float:left; width:615px; padding:40px 0 30px 27px; }
div.champ_rechreal { margin:0 0 10px 0; padding:7px 0 0 0; height:27px; width:439px; background:#f6fbfc url(/images/common/fonds/fd_recherche.gif) 0 0 no-repeat; }
p.titre_champ_rechreal { float:left; width:115px; margin:0; padding:0 0 0 10px; }
input.champ_input_rechreal, select.champ_input_rechreal, textarea.champ_input_rechreal { float:left; margin:0; padding:0; }

ul.dplcmt { list-style:none; margin:0; padding:0; }
ul.dplcmt li { float:left; margin:0 30px 0 0; padding:0; } 
ul.dplcmt li a { margin:0; padding:0 0 0 12px; } 
ul.dplcmt li.dplcmt_premier { background:url(/images/common/boutons/premier.gif) 0 4px no-repeat; } 
ul.dplcmt li.dplcmt_precedent { background:url(/images/common/boutons/precedent.gif) 0 4px no-repeat; } 
ul.dplcmt li.dplcmt_suivant { background:url(/images/common/boutons/suivant.gif) 0 4px no-repeat; } 
ul.dplcmt li.dplcmt_dernier { background:url(/images/common/boutons/dernier.gif) 0 4px no-repeat; } 

#real_left { float:left; width:360px; margin:30px 0 0 0; }
h2.encadreal { background:#e4e9ea url(/images/common/fonds/fd_titre_real.gif) 0 0 no-repeat; height:25px; padding:9px 0 0 25px; margin:0; }
.titre_real { padding:0 15px 0 25px; margin:14px 0 0 0; line-height:18px; }
.texte_real { padding:0 15px 0 25px; }
ul#bloc_prdt { list-style:none; margin:10px 0 30px 0; padding:0; }
ul#bloc_prdt li { display:block; width:325px; margin:0 0 15px 0; padding:10px 10px 6px 25px; clear:both; background:#f6fbfc; }
ul#bloc_prdt li img {  float:left; margin:0 10px 40px 0; border:1px solid #ff8915; }
ul#bloc_prdt li a { color:#3d9237; text-decoration:none; }
ul#bloc_prdt li a:hover { text-decoration:underline; }
ul#bloc_prdt li:hover, ul#bloc_prdt li.over { background:#f9e4d1; cursor:pointer; }

#real_right { float:left; width:255px; margin:30px 0 0 0; }
img.illustr_real { border:1px solid #000; }
ul.descrip_real { list-style:none; margin:0 0 0 30px; padding:20px 0 0 0; }
ul.descrip_real li { background:url(/images/common/pointil_real.gif) 0 bottom repeat-x; margin:0 0 10px 0; padding:0 0 5px 0; }

div.real_result_left { float:left; width:360px; margin:30px 0 0 0; }
div.real_result_right { float:left; width:255px; margin:30px 0 0 0; }

/*****************************/
/*           RESEAU          */
/*****************************/
#visuels_reseau { float:left; width:262px; }
#texte_reseau { float:left; width:353px; }
div.fax_box { float:right; margin:20px 0 0 0; width:142px; }
div.fax { background:url(/images/common/pointil_vert.gif) 0 0 repeat-y; padding-left:10px; }
div.tel_box { float:left; margin:20px 0 0 0; width:211px; }
div.tel { margin:-3px 0 0 0; background:url(/images/common/pointil_vert.gif) 0 0 repeat-y; padding-left:10px; }


/*****************************/
/*          CONTACT          */
/*****************************/
div.champ { margin:0 0 14px 0; padding:0; width:515px; }
p.titre_champ { float:left; width:105px; margin:0; padding:0 10px 0 0; }
input.champ_input, select.champ_input, textarea.champ_input { float:left; margin:0; padding:0; width:auto; font:10px Verdana, Arial, Helvetica, sans-serif; } 


/*****************************/
/*           EDITO           */
/*****************************/

/*****************************/
/*         SPECIFIC          */
/*****************************/
img.titre { display:block; margin-bottom:15px; }
h3.titre { margin-top:20px; margin-bottom:10px; }

.clear { clear:both; }

.bloc { display:block; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }

.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

ul.list_simple { list-style:none; margin:0; padding:0; }
ul.list_simple li { margin:0; padding:0; }

div.riviere {}
div.illstr_riv { float:left; }
div.texte_riv { float:left; }

img.visuel { border:1px solid #000; }
a:hover img.visuel { border:1px solid #e75f1c; }

div.col_gauche { float:left; width:250px; margin:30px 0 0 0; }
div.col_droite { float:right; width:250px; margin:30px 20px 0 45px; }

div.col_gauche_pointsvente { float:left; width:260px; margin:30px 0 0 0; }
div.col_droite_pointsvente { float:right; width:260px; margin:30px 20px 0 25px; }
div.col_gauche_pointsvente h4, div.col_droite_pointsvente h4 { margin-top:25px; height:15px; }
div.item { height:140px; }

.orange { color:#e75f1c; }