/* CSS Document CGH formulaires */

/* boutons radio */

.checkbox, .radio {
height: 21px;
padding: 0 0 0 19px;
margin-left: 10px;
background: url("/images/formulaire/radio.gif") no-repeat 0 0;
cursor: default;
float:left;
}

.checkbox input, .radio input {
display: none;
}

.selected {
background-position: 0 -52px;
}

/* boutons radio beige */

.radiobeige {
height: 21px;
padding: 0 0 0 19px;
margin-left: 10px;
background: url("/images/formulaire/radio_beige.gif") no-repeat 0 0;
cursor: default;
float:left;
}

.radiobeige input {
display: none;
}

.selectedbeige {
background-position: 0 -52px;
}

/* champ texte */
input.text {
color:#666666;
background-color:#F1E8CD;
border:#ffffff 0px solid;
margin:4px 0 4px 0px;
width: 165px;
height:14px;
}

input.textsmall{
color:#666666;
background-color:#F1E8CD;
border:#ffffff 0px solid;
margin:4px 0 4px 0px;
width: 90px;
height:14px;
}

textarea.text {
color:#666666;
background-color:#F1E8CD;
border:#ffffff 0px solid;
margin:3px 0 5px 0;
width: 265px;
height:65px;
}

.marge5top{ margin-top:3px;}
.marge-5top{ margin-top:-5px;}
.marge5right{ margin-right:5px;}

/* liste formulaire */
select{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6A6350;
text-align:center;
font-size:9px;
margin:5px 0 2px 0;
margin:opx;
line-height:11px;
text-decoration:none;
font-weight:normal;
background-color:#F1E8CD;
border:0px;
}

/* /////  MISE EN PAGE CONTACT RECRUTEMENT ///// */

#zonegauche{
width: 180px;
float: left;
height:auto;
margin:30px 0 0 7px;
}

#zonedroite-contact{
width:300px;
float:left;
height:auto;
padding:0 0 0 0;
margin:30px 5px 0 0px;
}

#zonedroite-recrutement{
width:600px;
float:left;
height:auto;
padding:0 0 0 0;
margin:30px 5px 0 0px;
}

#zone-catalogue{
width: 890px;
margin:15px 0 0 7px;
}

#form-catalogue{
/*float:left;*/
padding:10px 0 0 0;
}

#form-catalogue02{
/*float:left;*/
/*height:400px;*/
padding:10px 0 0 50px;
}

#form-newsletter{
float:left;
padding:10px 0 0 50px;
}


#demandecatalogue{
width: 470px;
float:right;
height:450px;
margin-top:-20px;
}

#espace-pro{
width: 890px;
height:auto;
margin:15px 0 0 7px;
}

#zonegauche-pro{
width:310px;
float:left;
height:auto;
}

#zone-pro{
width:400px;
float:left;
height:auto;
margin-left:40px;
}

#zone-pro-liste{
width:270px;
float:left;
height:auto;
margin-right:40px;
}

#fondlogin{
background-color:#F6F2E6;
height:40px;
width:270px;
padding:0 3px 1px 3px;
}

.marge13top{
margin-top:13px;
}
/* listes */

li.disc{
list-style-type:disc;
list-style-position:inside;
line-height:11px;
margin-bottom:10px;
float:none;
}

li.marge2px{
list-style-type:disc;
list-style-position:inside;
line-height:11px;
margin-bottom:2px;
float:none;
}

ul.liensbas{
margin-left:-10px;
margin-top:5px;
}

/* titres soulignés avec un trait dégradé */
.titre{
background-image:url(/images/global/soulignement.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 40px 4px 0;
line-height: 16px;
font-weight:bold;
}

.titrebeige{
background-image:url(/images/global/soulignement_fond_beige.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 40px 4px 0;
line-height: 16px;
font-weight:bold;
}

.titrebeigesmall{
background-image:url(/images/global/soulignement_fond_beige.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 4px 4px 0;
line-height: 14px;
font-weight:bold;
font-size:9px;
color:#8E8878;
}

.souligne{
background-image:url(/images/global/soulignement.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 40px 4px 0;
line-height: 14px;
font-weight:bold;
font-size:9px;
color:#8E8878;
}

/* fonds beiges */

.textefondbeige{
background-color:#F6F2E6;
padding:0 3px 1px 3px;
}

.fondbeige{
background-color:#F6F2E6;
}

.textefondbeige33{
background-color:#F6F2E6;
padding:0 3px 1px 3px;
height:33px;
}

.scroll{
overflow:auto;
width:310px;
height:285px;
font-size:9px;
color:#928b81;
}

/* boutons état activé */

a.activerecrutement{ 
display: block;
background-image: url(/images/boutons/bt_recrutement_on.gif);
background-repeat: no-repeat;
height: 20px;
width: 130px;
padding: 0;
margin: 0;
text-decoration:none;
}

a.activecontact{ 	
display: block;
background-image: url(/images/boutons/bt_contact_on.gif);
background-repeat: no-repeat;
height: 20px;
width: 130px;
padding: 0;
margin: 0; 
text-decoration:none;
}