/* css document */

a img{
text-decoration:none;
border:none;
}
body
{
text-align:center;
//background-color:#EEEEE7;
background-color:#CBCBCB;
margin: 0px;

}
.carre{
margin-left:15px;
margin-top:30px;
}

#page-rb,#page-rb1 {
margin: 0px auto 0px auto;
position:relative;
width:780px;
}
#page-rb {
background:transparent url(images/bg_page_right.gif) repeat-y scroll right top;
}
#page-rb1 {
background:transparent url(images/ombre.gif) repeat-y scroll left top;
}
#page-rb2 {
margin: 0px auto 0px auto;
position:relative;
background:transparent url(images/bas.gif) repeat-x scroll bottom;
background-position:-20px;
margin-left:-10px;
width:776px;
//position:relative;
//margin-bottom:-20px;
}

#bout1{
width:20px;
margin-left:732px;
margin-top:-17px;
}
#bout{
width:260px;
margin-left:370px;
}
#general,#general1{
font:92%/1.3em "Trebuchet MS",Arial,Sans-serif;
background-color:#FFFFFF;
text-align:left;
color:#333333;
position:relative;
}
#general {
width:754px;
padding:10px;
}

#general1 {
width:660px;
background-color:#FFFFFF;
text-align:left;
color:#333333;
font:92%/1.3em "Trebuchet MS",Arial,Sans-serif;
}


#header, #headerJoin, #headerEnt, #headerSol, #headermetier,#headercontact,#header11 {
position:relative;
width:756px;
height:159px;
font-size:13px;
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
}
#header11{
width:756px;
height:140px;
position:relative;
background-repeat:no-repeat;
}

#popup{
border: 2px dotted #999999;
background-color:#FFFFFF;
border-top: 1px dashed #999999;
font:92%/1.3em "Trebuchet MS",Arial,Sans-serif;
width:500px;
//height:auto;
text-align:center;
background-position:center;
margin-left:35px;
}

.conta{
margin-right:50px;
}

#headerpop {
position:relative;
width:660px;
height:133px;
font-size:13px;
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
background-image:url(images/pop.jpg);
}

#header{
background-image:url(images/topheader.jpg);
}

.login {
top:-4px;
color:#BBBBBB;
position:relative;
width:754px;
}


#topmenu {
position:relative;
width:754px;
height:auto;
}

#gauche {
background-color:#FFFFFF;
position : relative;
margin-bottom:20px;
float:left;
width:552px;
height:auto;
}

.bloc,.bloc1,.bloc2 {
font-size:12px;
text-align:justify;
width:148px;
padding:10px;
background-color:#EEEEEE;
}


.bloc1 {
margin-left:173px;
margin-top:-134px;
}
.bloc2 {
margin-left:346px;
margin-top:-134px;
}

#gauche p, #gauchemetier p {

margin-right: 20px;
font-size:12px;
line-height:20px;
font-weight: regular ;
word-spacing :2px;

}

#gauchemetier h2, #gauchefull h2,#gauchefull1 h2{
padding-left:59px;
padding-top:5px;
position:relative;
left:-40px; 
height:25px;  
background:transparent url(images/picto.gif) no-repeat scroll 30px 0px;
}

#gauchefull1 p{
font:92%/1.3em "Trebuchet MS",Arial,Sans-serif;
font-size:12px;
color:#333333;
height:15px;
font-weight:normal;  
}
#gauchefull h2{
padding-left:59px;
padding-top:5px;
position:relative;
left:-40px; 
height:25px;  
background:transparent url(images/picto.gif) no-repeat scroll 30px 0px;
}
#gauchefull1 h2{
padding-left:59px;
padding-top:9px;
position:relative;
left:-40px; 
//height:25px;  
width:300px;
height:20px;
background:transparent url(images/picto.gif) no-repeat scroll 30px 5px;
}

#droite {
font-size:12px;
background-color:#EEEEEE;
float:left;
border-left:1px solid;
border-top:1px solid;
border-left-color:#DCD7C7;
border-top-color:#DCD7C7;
position : relative;
margin-left:5px;
margin-top:4px;
margin-bottom:20px;
width:196px;
height:auto;
}

h2, h7{              
text-align :left;
font-family:georgia,"times new roman",serif;
font-size:1.2em;
font-weight:bold;
letter-spacing:0.1em;
color:#000000;
}

h8 {
text-align :left;
font-family:georgia,"times new roman",serif;
font-size:15px;
font-weight:bold;
letter-spacing:0.1em;
color:#000000;
}

h4 {
border-bottom:1px dotted #AAAAAA;
}

#syncro{
margin-left:17px;
}

#gauchemetier,#gauchemetier1{
position : relative;
float:left;
padding:10px;
}
#gauchemetier1{
width:300px;
}

#gauchemetier{
border-right:1px dotted #CCCCCC;
width:352px;
}

#gauchefull{
position : relative;
float:left;
width:520px;
padding:10px;
}

#gauchefull1{
position : relative;
float:left;
width:453px;
padding:10px;
background-color:#FFFFFF;
}

#droitemetier,#gaucheintcontact, #gaucheintJoin, #gaucheintplan{
font-size:12px;
position : relative;
/*margin-top:28px;*/
margin-top:116px;
margin-left:10px;
float:left;
width:177px;
/*height:250px;*/
}
#gaucheintcontact ul li a:hover,#gaucheintJoin ul li a:hover, #gaucheint3 ul li a:hover, #gaucheintplan ul li a:hover{
font-size:12px;
color:#911;
border-color:#911;
}


#bigmetier,#bigcontact {
font-size:12px;
float:left;
position : relative;
margin-bottom:20px;
font:92%/1.3em "Trebuchet MS",Arial,Sans-serif;
background-color:#FFFFFF;
}

#ongletrecrut {
position : relative;
background-image:url(images/recrutong.gif);
background-repeat:no-repeat;
background-position:right;
width :180px;
margin:7px 5px 13px 0px;
height:21px;
float:right;

}

.ongletactu {
position : relative;
background-image:url(images/actuong.gif);
background-repeat:no-repeat;
background-position:right;
width :180px;
margin:7px 5px 13px 0px;
height:21px;
float:right;

}


.onglet {
position : relative;
margin-top:10px;
margin-left:10px;
width :180px;
border-bottom:1px dashed #999999;

}
.lastonglet {
position : relative;
margin-top:10px;
margin-left:10px;
width :180px;

}
.imagegauche
{
margin-right:5px;
margin-left:15px;
float:left;
}

.imagedroite,.imagedroitee {
margin-right:15px;
margin-left:5px;
float:right;
}
.imagedroite p {
font-weight:normal;
}
.imagedroitee {
margin-top:10px;
}
.imagedroiteinside
{
float:right;
}

#pied, #piedcontact, #piedEnt, #piedSol, #piedmetier{
clear:both;
//position : relative;
//margin-bottom:-10px;
width:754px;
height:41px;
margin-bottom:1px;
}

#pied {
background:url(images/footer.jpg) bottom no-repeat; 

}
.encad  {
padding:0px 0px 0px 6px;
width:100%;border-top:1px solid #DCD7C7;
border-bottom:1px solid #DCD7C7;
background-color:#F0F0F0;
}

.Style1 {color: #ff6c00}
.Style2 {color: #6e80d0}
.Style3 {color: #6E80D0}

.titre{
font-family:Georgia,Serif;
margin-right:10px;
line-height:1.1em;
padding-left:40px;
padding-top:87px;
font-size:154%;
color:#5f4705;
}

.bigtitle, .topbigtitle,.bigtitle1 {

font-family:Georgia,Serif;
font-size:174%;
text-align:right;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.1em;
margin:0pt;
padding-top:10px;
width:525px;
}
.bigtitle1 {
border-top: 1px dotted #999999;
}

a, a:visited {
  color:#36b;
  text-decoration:none;
  border-bottom:1px dotted #36b;
  }
 
a:hover, h2 a:hover, h2 a:visited:hover, h3 a:hover, h3 a:visited:hover {
  color:#911;
  border-color:#911;
 }
a img, .photo a, a.noline, .thumbnail a, .image a {
  border-width:0;
}
#pied a,#piedcontact a, #piedEnt a, #piedSol a, #piedmetier a {
border-width:0;
color:#FFFFFF;
text-decoration:none;
}
#pied p,#piedcontact p , #piedEnt p, #piedSol p, #piedmetier p {

font-family:"Trebuchet MS",Arial,Sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
padding-top:17px;
position : relative;
width:700px;
height:21px;
}

li a, li a:visited{
color:black;
padding: 5px;
margin: 0;
text-decoration: none;
border-bottom:0px;
}

input.text {
border-color:#AAAA99 rgb(255, 255, 238) rgb(255, 255, 238) rgb(170, 170, 153);
border-style:solid;
color:white;
border-width:1px;
background-color:#EEEEEE;
font-size:85%;
}


#chromemenu,#chromemenucontact,#chromemenuEnt, #chromemenuSol, #chromemenumetier {
width: 100%;
font-size: 90%;
font-family:"Trebuchet MS",Arial,Sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
letter-spacing:0.1em;
line-height:1.4em;
text-transform:uppercase;
}

#chromemenu:after,#chromemenucontact:after,#chromemenuEnt:after,#chromemenuSol:after,#chromemenumetier:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul, #chromemenucontact ul,#chromemenuSol ul,#chromemenuEnt ul,#chromemenumetier ul{
border: 1px solid #DDDDDD;
width: 100%;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul{
background: url(images/chromebg.gif) center center repeat-x;
}

#chromemenu ul li, #chromemenucontact ul li,#chromemenuEnt ul li,#chromemenuSol ul li,#chromemenumetier ul li{
display: inline;
border:0px;
width:200px;
}

#chromemenu ul li a, #chromemenucontact ul li a, #chromemenuEnt ul li a, #chromemenuSol ul li a,#chromemenumetier ul li a {
color:#775577;
padding:5px;
margin: 0;
border-right: 1px solid #DADADA;
text-decoration: none;
border-bottom:0px;
}

#chromemenu ul li a:hover{
background: url(images/chromebg2.gif) center center repeat-x;
}

#haut{
font-family:"Trebuchet MS",Arial,Sans-serif;
float:right;
margin-right:15px;
font-size:100%;
font-size:12px;
color:#000000;
letter-spacing:0.2em;
}
#haut a{
color:#000000;
border-bottom:1px dotted #000000;
}


.met {
color:#333333;
font-family:"Trebuchet MS",Arial,Sans-serif;
font-size:100%;
font-size:11px;
margin-left:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
.met a{
color:#000000;
border-bottom:1px dotted #000000;
}

.short h2 {
color:#999999;
font-family:"Trebuchet MS",Arial,Sans-serif;
font-size:92%;
text-align :center;
margin-bottom:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.4em;
text-transform:uppercase;
}
.thumbnail {
float:left;
margin-bottom:-5px;
padding:5px 0pt 0pt;
}

ul {
list-style-type:none;
padding:5px;
}

/*  ----------------------------------   Page Solution   --------------------------------   */

/*#headerSol {
background-image:url(images/topheader33.jpg);
}*/
#logosol, #logorech {
height:140px;
width:173px;
float:left;
}
.bouton{
margin-bottom:-2px;
}
#rectsol, #rectrech {
height:140px;
width:582px;
float:left;
background-repeat:no-repeat;
}
#rectsol {
background-image:url(images/rectsol11.jpg);
}
#rectrech {
background-image:url(images/rectrech.jpg);
}
#piedSol {
background:url(images/footersol.jpg) bottom no-repeat; 
}

#chromemenuSol ul{
background: url(images/chromebg.gif) center center repeat-x;
}

#chromemenuSol ul li a:hover{
background: url(images/chromebgsol.jpg) center center repeat-x;
}

/*  ----------------------------------   Pages Entreprise   --------------------------------   */

/*#headerEnt {
background-image:url(images/topheaderEnt.jpg);
}*/

#logo {
height:140px;
width:173px;
float:left;
}

#rect {
height:140px;
width:583px;
background-image:url(images/recte.jpg);
float:left;
background-repeat:no-repeat;
}

#piedEnt {
background-image:url(images/footer2.gif);
background-repeat:no-repeat;
}
/*#piedEnt haut a:hover{
color:#000000;
border-bottom:1px dotted #000000;
}*/

#chromemenuEnt ul{
background: url(images/chromebg.gif) center center repeat-x;
}

#chromemenuEnt ul li a:hover{
background: url(images/chromebg22.gif) center center repeat-x;
}

/*  ----------------------------------   Pages metier   --------------------------------   */

/*#headermetier {
background-image:url(images/topheader44.jpg);
}*/

#piedmetier {
background-image:url(images/footer4.gif);
background-repeat:no-repeat;
}

#chromemenumetier ul{
background: url(images/chromebg.gif) center center repeat-x;
}

#chromemenumetier ul li a:hover{
background: url(images/chromebg4.gif) center center repeat-x;
}

#logom {
height:141px;
width:171px;
float:left;
//background-image:url(images/logom.jpg);
//background-repeat:no-repeat;
}
#logom a, #logo a,#logosol a,#logorech a {
text-decoration:none;
border:none;
}
.bigtitle a {
text-align:none;
border:none;
}

#rectm {
height:141px;
width:585px;
background-image:url(images/rectm.jpg);
float:left;
background-repeat:no-repeat;
}

/*--------------------------Menu gauche int -------------------------------------------------------------------*/

.box_renouv, .box_renouvsol, .box_renouvmet  {
float:left;
margin:0pt 13px 0pt 0pt;
padding-right:10px;
width:187px;
margin:35px 0pt 15px;
padding:40px 0pt 0pt;
}
.box_renouvcontact{
float:left;
margin:0pt 13px 0pt 0pt;
padding-right:10px;
width:100px;
margin:35px 0pt 15px;
padding:40px 0pt 0pt;
}

.box_renouv h3, .box_renouvsol h3,.box_renouvmet h3{
border-bottom:1px dashed #999999;
width:152px;
color:#999999;
margin-left:10px;
font-size:14px;
}

.box_renouv ul li a,.box_renouvsol ul li a, .box_renouvmet ul li a , .box_renouvplan ul li a, .box_renouvco ul li a{

width:140px;
margin:0pt 0pt 5px 10px;
padding:0pt 0pt 5px 20px;
height:15px;

}

.box_renouv ul li a {
background:transparent url(images/puce.gif) no-repeat scroll 0pt 4px;
}
/*---------------------------------------------------- menu Solution   -----------------------------------------*/

.box_renouvsol ul li a {
background:transparent url(images/puce.gif) no-repeat scroll 0pt 4px;
}

.box_renouvsol ul li a:hover {
background:transparent url(images/puceb.gif) no-repeat scroll 0pt 4px;

}

/*---------------------------------------------------- menu metiers   -----------------------------------------*/

.box_renouvmet ul li a {
background:transparent url(images/puce.gif) no-repeat scroll 0pt 4px;
}

.snav,.snav1{
	font-family:arial,sans-serif;
	font-size:90%;
	width:140px;
	float:left;
	margin:0; 
	padding:0;
	margin-bottom:50px;
	}

li { list-style:none; text-indent:0; }

.snav li a,.snav1 li a {
	font-size:110%;
	display:block;
	width:138px;
	padding:2px;
	text-decoration:none;
}
.snav li a{
color:#7D8D04;
}
.snav li a {
	color:#a6bc09;
}
.box_renouvsol .snav li a {
	color:#454C70;
}

.box_renouvmet{
	color:#FF5000;
}

.box_renouv .snav li a:hover { 
background:#c6d84b; 
width:133px; 
color:white; 

text-decoration:none;
}
.box_renouvsol .snav li a:hover { 
background:#E5E764; 
width:133px; 
color:white; 

text-decoration:none;
}
.box_renouvmet .snav li a:hover { 
background:#FF7536; 
width:133px; 
color:white; 
text-decoration:none;
}

.snav li a.on, .snav li a.on:hover {
	background:#a6bc09;
	color:white;
	width:133px;
	height:16px;
	text-decoration:none;
}

.snav li a.oni, .snav li a.oni:hover {
	background:#FF5000;
	color:white;
	width:133px;
	height:50px;
	text-decoration:none;
}
#snav2 a:hover {
	background:#FF7536;
	color:white;
	width:133px;
	text-decoration:none;
	height:50px;
}
.snav1 li a.on, .snav1 li a.on:hover {
	background:#A78524;
	color:white;
	width:133px;
	text-decoration:none;
}

.snavmet li a.on, .snavmet li a.on:hover {
	background:#FF5000;
	color:white;
	width:133px;
	text-decoration:none;
}
.snavmet li a {		
	color:#FF5000;
	}

.box_renouvsol .snav li a.on, .box_renouvsol .snav li a.on:hover {
	background:#D8DB02;
	color:white;
	width:133px;
	text-decoration:none;
}
.box_renouvmet .snav li a.on, .box_renouvmet .snav li a.on:hover {
	background:#FF5000;
	color:white;
	width:133px;
	text-decoration:none;
	}

.snavblock { 
position:relative; 
 }