* { font-family:Verdana, Arial, Helvetica, sans-serif; color:#9E9FA3; font-size:10px; line-height:12px; }
body { margin:0; padding:0; background-color:black;  text-align:center;}

#container {
width:950px; height:700px; margin:50px auto 0 auto; 
}

#container .page_margins { width:850px; margin:0 auto; text-align:left;}
/******* contenu ********/

#logo_cvz { display:block; position:absolute; z-index:5; width:168px; height:64px; top:0; right:-16px; }
#loc_logo { margin-bottom:44px; border:1px solid black; /*fix IE */ }

div#zone_contenu { margin-bottom:25px; }
*>div#zone_contenu { margin-bottom:20px; }

table#tb_contenu { width:850px; margin:0; border-collapse:collapse; height:477px; }
table#tb_contenu td.vaM { padding:0; vertical-align:bottom;  }

/* largeurs de cellule de la main table */
#tb_contenu td#zone_visuels { width:412px; padding-right:12px; border-right:1px solid black; } /*+1px de bordure : 413px*/
#tb_contenu td#zone_texte { width:256px; padding-left:12px; }
/*#tb_contenu td#zone_menu {width:181px; padding-left:20px; text-align:right; }*/
#tb_contenu td#zone_menu {width:180px; padding-left:11px; text-align:right; }
/* 
largeur main table : 850px
*/

.flash_alternate_content { width:180px; height:370px; font-size:10px; color:red; border:1px solid red;text-align:center; }
.flash_alternate_content p { margin:100px 5px 0 5px }

#tb_contenu td#zone_visuels.separateur { border-right:1px solid #BABABA; }

#tb_contenu td#zone_visuels p { margin:0; margin-bottom:3px; padding:0;}

#tb_contenu div#texte { border:1px solid black;  /* fixe bien la largeur */ }
#tb_contenu div#texte p { margin:0; margin-bottom:21px; padding:0; }
#tb_contenu div#texte p.mb8 { margin-bottom:8px; } /*pour le chapo par exemple */
#tb_contenu div#texte p.last { margin-bottom:0; }
#tb_contenu div#texte p.mb2 { margin-bottom:2px; }

#dhtmlgoodies_scrolldiv { width:242px; } 
/* 
#dhtmlgoodies_scrolldiv.width = #zone_visuels.width - #zone_visuels.padding-right (12px) - #texte.border (1px+1px)
#dhtmlgoodies_scrolldiv.width = #zone_visuels.width - 14px

*/
#scrolldiv_parentContainer{width:215px} 
/* 
#scrolldiv_parentContainer.width = #dhtmlgoodies_scrolldiv.width - #scrolldiv_slider.width (21px)
#scrolldiv_parentContainer.width = #dhtmlgoodies_scrolldiv.width - 21px -3px minimum pour le float de la barre de scrolling sous IE
*/

/*#tb_contenu div#menu { width:160px; height:315px; }*/
#tb_contenu div#menu { position:absolute; width:190px; height:380px; right:-20px; top:-380px; }

#tb_contenu #header {height:65px;}
#tb_contenu #header p { margin:2px 0 0 0; padding:0; }

#zone_recherche { margin-top:60px; } 

h2.recherche_titre { margin:20px  0 0 0; }
#recherche_tableau_head { display:none }

/** layout page petit format **/
.type1 #tb_contenu #header { height:80px; }

.type1 #dhtmlgoodies_scrolldiv,  
.type1 #scrolldiv_slider{height:354px} /* height -2px (border 1px sur le parent #texte) */
.type1 #scrolldiv_scrollbar{height:331px} /* height #scrolldiv_slider -23px; }

/** layout page gd format **/
.type2 #tb_contenu #header { height:80px; }

.type2 #dhtmlgoodies_scrolldiv, 
.type2 #scrolldiv_slider{height:393px}
.type2 #scrolldiv_scrollbar{height:370px}

/** layout page accueil actualités/projets **/
.type3 #tb_contenu td#zone_visuels { padding-right:0; border-right:none; width:413px; }
.type3 #tb_contenu div#texte_gauche { padding-right:12px; border-right:1px solid #BABABA; height:409px }
.type3 #tb_contenu #header2 { height:65px; }
.type3 #tb_contenu #header {height:47px;}

.type3 #dhtmlgoodies_scrolldiv, 
.type3 #scrolldiv_slider { height:342px} 
/* 
#dhtmlgoodies_scrolldiv.height = #tb_contenu.height (477px) - #texte.border (1px+1px) - #header.height (65px) - 25px (bt_retour)
*/
.type3 #scrolldiv_scrollbar{height:319px}

/** page projet **/
.type3b #tb_contenu td#zone_visuels { border-right:1px solid #BABABA; }
.type3b #tb_contenu #header {height:75px;}
.type3b #dhtmlgoodies_scrolldiv,
.type3b #scrolldiv_slider{height:375px}
.type3b #scrolldiv_scrollbar{height:352px}

/** layout contact **/
.type4 #tb_contenu td#zone_visuels { width:280px; } 
.type4 #tb_contenu td#zone_texte { width:388px; }
.type4 #tb_contenu td#zone_visuels p { width:268px; }

.type4 #tb_contenu #texte_gauche { height:477px; }

.type4 #dhtmlgoodies_scrolldiv {width:361px; height:475px; } /*width et height -2px (border) */
.type4 #scrolldiv_parentContainer{width:337px}
.type4 #scrolldiv_slider{height:471px}
.type4 #scrolldiv_scrollbar{height:452px}


/** layout recrutement **/
.type5 #tb_contenu td#zone_visuels { display:none;  } /* suppression de cette colonne */
.type5 #tb_contenu td#zone_texte { width:669px; padding-left:0;}

.type5 #dhtmlgoodies_scrolldiv {width:658px;  } 
.type5 #scrolldiv_parentContainer{width:634px;  }
.type5 #dhtmlgoodies_scrolldiv,
.type5 #scrolldiv_slider{height:376px; }
.type5 #scrolldiv_scrollbar{height:353px; }

.type5 #tb_contenu #header { width:658px; height:40px; }
*>.type5 #tb_contenu #header { min-height:40px; height:auto }

/** layout CVZ dans le monde **/
.type6 #tb_contenu td#zone_visuels { width:462px; } /* suppression de cette colonne */
.type6 #tb_contenu td#zone_texte { width:207px; }
.type6 #tb_contenu div#texte_gauche { height:407px; }

.type6 #dhtmlgoodies_scrolldiv {width:191px; } 
.type6 #scrolldiv_parentContainer{width:167px}
.type6 #dhtmlgoodies_scrolldiv,
.type6 #scrolldiv_slider{height:365px}
.type6 #scrolldiv_scrollbar{height:342px}

/*
td#zone_visuels img { width:398px; }
.type1 td#zone_visuels img { height:342px; }
.type2 td#zone_visuels img { height:156px; }
.type3 td#zone_visuels img { height:175px; }
*/

a.plus { 
display:block; padding-left:18px; background:black url(../images/bt_plus.gif) no-repeat top left; line-height:13px; }
/*a.plus:hover { background-color:#9B0A01;}*/

div#diapo_nav { margin:4px 4px 0 4px; }
.diapo_page { float:right; padding-top:3px; }
.w398 { width:398px; }

.separateur { border-right:1px solid #BABABA; }

#diapo_photos { margin:12px 0 6px 0; }
#diapo_photos img {border:1px solid #989898; }

.diapo_bg_bot { 
display:block; width:400px; height:2px; font-size:1px; line-height:1px; 
background:url(../images/bg_diapo_bot.gif) no-repeat bottom left;
}

.bt_retour_PA { margin-top:10px; }


/***** | *** */

form#recherche { margin:0; padding:0; float:left }
.input_recherche { 
width:230px; height:19px; background:black url(../images/bg_input_recherche.gif) no-repeat top left;
padding:2px 5px 2px 5px; border:none;
}
*>.input_recherche{ top:-7px; position:relative}
.input_recherche:first-letter { text-transform:uppercase }

#footer table { width:100%; margin:17px 0 0 0; }
#footer table p {margin:0; padding:0; }

table.defaut td.liens_bas { padding:1px 2px 0 0; }

form#contact label { display:block; width:112px; }
#contact td { padding:0 8px 0 0 ; }
input.text {
width:222px; height:18px; background:black url(../images/bg_input_text.gif) no-repeat top left;
padding:2px; border:none;
}

textarea#description_besoins {
width:222px; height:108px; background:black url(../images/bg_textarea.gif) no-repeat top left;
padding:2px; border:none; overflow:auto
} 

select, option 		{ background-color:black; height:19px;  }
form#contact select { height:19px; width:222px; }
select { color:red;}
option { color:red; }


div.bloc_recrut { width:633px; }
.bloc_recrut span.bg_top { 
display:block; width:633px; height:3px; font-size:1px; line-height:1px; 
background:url(../images/bg_bloc_top.gif) no-repeat top left;
}
.bloc_recrut span.bg_bot { 
display:block; width:633px; height:3px; font-size:1px; line-height:1px; 
background:url(../images/bg_bloc_bot.gif) no-repeat bottom left; border:1px solid black; border-top:none;
}
*>.bloc_recrut span.bg_bot {
border:none;
}
#tb_contenu div#texte .bloc_recrut div,
#tb_contenu div#texte .bloc_recrut div.border {  
border-left:1px solid #BABABA; border-right:1px solid #BABABA; margin:0; padding:8px; 
}
#tb_contenu div#texte .bloc_recrut p.pagination { border:none }


a.logo_filiale {
border:1px solid black; display:block; padding:6px 0; text-align:center;
}
a.logo_filiale.checked, a.logo_filiale:hover {
border:1px solid white;
}

#map_points { position:absolute; top:0; left:0; width:450px; height:214px; } /* dimensions de la mappe monde */
#map_points a.spot { width:7px; height:7px; display:block; font-size:1px; line-height:1px; 
position:absolute; background-color:#E72B20; z-index:1; text-decoration:none !important; border:0 !important;}
#map_points a.spot:hover { background-color:white;}
#map_points a.spot.checked { 
background:white; 
}

#map_texte { margin:8px 0 0 0; }

.calage_home { display:block; height:2px; font-size:1px; padding:0; line-height:1px; }
*>.calage_home {height:7px;}

/******** liens **********/

a, a:link, a:active, a:visited, a:hover {color:#E72B20; text-decoration:none;}
a.gc, a.gc:link, a.gc:active, a.gc:visited {color:#989898; text-decoration:none;}

a:hover, a.gc:hover { color:#989898; text-decoration:underline; }

div#menu a.selected { font-size:20px; line-height:20px; color:white; }
div#menu a.n2_selected { font-size:11px; line-height:13px; color:white; }
div#menu a.dans_rubrique { font-size:20px; line-height:20px; }
div#menu a.gc3, div#menu a.gc3:active, div#menu a.gc3:link, div#menu a.gc3:visited {
color:#9E9FA3;
}

a.projet, a.projet:link, a.projet:active, a.projet:visited {
color:#9E9FA3;
} 
a.projet:hover {
color:#E72B20;
}

/******* colors ********/ 
.gc { 
color:#9E9FA3;
}
.gc2 { 
color:#9E9FA3;
}
.gc3 {
color:#9E9FA3;
}
.gf {
color:#535257; 
}
.r, .rouge { 
color:#E72B20;
}

.noir, .b { color:black; }
.blanc, .w { color:white; }

/******* font-size *****/

.s10 {font-size:10px; line-height:11px;}
.s11 {font-size:11px !important; line-height:13px;}
.s12 {font-size:12px; line-height:14px;}
.s13 {font-size:12px; line-height:15px;}
.s14 {font-size:12px; line-height:16px;}

/******* border ***********/
.bord_gf { /*gris foncé filet bas */
border-color:#3B3B3D;
}

.bord_gc { /*gris clair cadre image*/
border-color:#BABABA;
}
.bord_gc2 { /* gris separateur entre visuel et texte */
border-color:#A3A3A3;
}

.bord-T {
border-top-style:solid;
border-top-width:1px; 
}

.bord-B {
border-bottom-style:solid;
border-bottom-width:1px; 
}

.bord-L {
border-left-style:solid;
border-left-width:1px; 
}

.bord-R {
border-right-style:solid;
border-right-width:1px; 
}

.bord {
border-style:solid;
border-width:1px;
}

/************/

.JSdebug {
width:700px;height:400px;font-size:12px;color:yellow;background:black;padding:8px;border:3px solid yellow;overflow:auto;font-family:Arial;visibility:hidden;top:0;right:0;position:absolute;text-align:left;z-index:1000;
}

/***** defaut ****/ /* styles à copier dans /plugins/fckeditor/FCKeditor/editor/css/fck_editorarea.css */

h1, h2, h3 { margin:0 0 8px 0; padding:0; }

#menu h2 { color:#E72B20;font-size:10px; line-height:12px; }

h1 { margin-bottom:10px; }

table.defaut { border-collapse:collapse; margin:0; }
table.defaut td {padding:0; margin:0; vertical-align:top;}
table.defaut tr.vaM td, table.defaut td.vaM { vertical-align:middle !important;}
table.defaut tr.vaB td, table.defaut td.vaB { vertical-align:bottom !important;}

table.nbcols2_egales td { width:50% }
table.w100pc { width:100%; }

span.filet { display:block; height:1px; font-size:1px; padding:0; line-height:1px; }

.br26 { display:block; height:26px; font-size:1px; padding:0; line-height:1px; }
.br15 { display:block; height:15px; font-size:1px; padding:0; line-height:1px; }
.br5 { display:block; height:5px; font-size:1px; padding:0; line-height:1px; }
.br8 { display:block; height:8px; font-size:1px; padding:0; line-height:1px; }
.br7 { display:block; height:7px; font-size:1px; padding:0; line-height:1px; }
.br9 { display:block; height:9px; font-size:1px; padding:0; line-height:1px; }
.br4 { display:block; height:4px; font-size:1px; padding:0; line-height:1px; }
.br14 { display:block; height:14px; font-size:1px; padding:0; line-height:1px; }

.tab1 { padding-left:1px; }
.tab2 { padding-left:3px; }
.tab6 { padding-left:4px; }
.tab22 { padding-left:22px; }
.tab27 { padding-left:27px; }
.tab10 { padding-left:10px; }
.tab11 { padding-left:11px; }
.tab14 { padding-left:14px; }

.aL { text-align:left }
.aC { text-align:center }
.aR { text-align:right }

.fR {float:right; }

a.nodeco { text-decoration:none; }

.bloc { display:block; }
.relative { position:relative}

.dbg { border:1px solid red }

div.defaut { margin:0; padding:0; }

p.fckTitre { margin:0; }