	/*********************/
/* 	    Reset	     */
/*********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
border: 00;
padding: ;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background-image: transparent;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
ul,li {
list-style:none;
padding:0;
margin:0;
}
img {
border:none;
}

q {
quotes: "«" "»" "'" "'";
}
/*********************/
/* 	  Généralités    */
/*********************/

body {
background:#a6a6a6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width:1024px;
margin:0 auto 0 auto;
}
h2 {
margin:5px 0;
}
h1{
font-weight:bold;
height:28px;}
p {
padding:2px 3px 2px 3px;
}
.pmoins{
line-height:1px;
}

.small{
font-size:10px;
text-align:justify;
font-weight:normal;
}
.clear { 
clear: both;
font-size: 1px;
line-height: 1px;
height:1px;
margin:0;
padding:0;
}
.fl{
float:left;
}
.fr{
float:right;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
.l{
text-align:left;
}
.c{
text-align:center;
}                
.r{
text-align:right;
}
.justify{
text-align:justify;
} 
img.nomargin, .nomargin {
margin:0;
}
a{
color:#8f8d85;
text-decoration:underline;
}
a:hover{
color:#000000;
text-decoration:none;
}
/*********************/
/* 	    Header	     */
/*********************/

a#logo {
width:275px;
height:110px;
position:absolute;
top:0;
left:0;
}
#header
{
width:1024px;
position:relative;
background:#fff url(../media/interface/fond_entete.jpg) top left no-repeat;
font-family:Arial Helvetica, sans-serif;
font-size:11px;
color: #ebe9e1;
float:left;
margin:0;
padding:0;
}
#temps
{
width:160px;
float:left;
padding: 5px 0px 0 840px;
text-align:justify;
}
#temps input{
width:160px;
color:#aaa;
font-size:9px;
background:#000;
border:0px;
}
.contact{
position:absolute;
left:0;
margin:20px 0 0 132px ;
width:86px;
height:24px;
/*background:#ff0000;
opacity:0.5;*/
}
#header a{
color:#ebe9e1;
text-decoration:none;
}
#header a:hover{
color:#b81715;
text-decoration:none;
}
div.clear{
clear:both;
line-height:0px;
height:0px;
font-size:0px;
}
#menu
{
float:right;
width:710px;
height:30px;
margin:58px 0px 0 0;
padding:0 20px 0 0px;
text-align:center;
}
#menu li {
display:inline;
height:27px;
float:left;
padding:10px 3px 0 3px;
text-align:center;
font-size:11px;
font-weight:normal;
}
#menu a {
display:block;
}
#menu a#accueil {
width:140px;
}
.selectionne {
background:#ebe9e1 url(../media/interface/navigation.jpg) top left repeat-x;
color:#b81715;
height:32px;
}
.rouge{
color:#b81715;
}
.non_selec a{
color:#ebe9e1;
}
#menu a#franchises {
width:117px;
}
#menu a#presse {
width:100px;
}
#menu a#confiance {
width:155px;
}
#menu a#recrute {
width:100px;
}
#menu a#contact {
width:54px;
}
#sous_menu
{
padding-top:7px;
padding-left:307px;
float:left;
width:700px;
height:17px;
}
#sous_menu li {
display:inline;
float:left;
padding:0 5px 0 5px;
}
#sous_menu a{
color:#000000;
}
#content_gauche{
height:214px;
width:673px;
float:left;
/*position:relative;*/
border-bottom:1px solid #cec8c5;
}
#content_droit{
background:#ebe9e1 url(../media/images/accueil/presence3.jpg) bottom left no-repeat;
float:left;
width:351px;
height:208px;
position:relative;
border-bottom:1px solid #cec8c5;
padding-top:6px;
}
#villes a {
color:#ce2523;
text-decoration:underline;
line-height:20px;
}
#villes{
width:300px;
margin-top:60px;
padding:0 0 0 43px;
}
#villes a:hover {
text-decoration:none;
}
#arbo{
position:relative;
background:#fff;
float:left;
width:994px;
padding:0;
margin:0;
/*height:34px;
*/
}
#arbo p{
padding:10px 0 0 40px;

}
/*********************/
/* 	    Content	     */
/*********************/
#content
{
background:#ffffff;
clear:both;
width:1024px;
position:relative;
float:left;
}
.titre_gras{
font-size:14px;
font-weight:bold;
}
/*Accueil*/

#contenu_bas
{
padding:0 30px 0 30px;
width:964px;
}
#contenu_gauche{
background:url(../media/images/accueil/fond_contenu.jpg) top left no-repeat;
width:510px;
float:left;
}
#colonne1{
color:#000000;
width:237px;
text-align: justify;
float :left;
padding: 23px 0 0 23px;
}
#colonne2{
color:#000000;
width:237px;
text-align:justify;
float:left;
padding: 23px 0 0 12px;
}
#colonne_grand{
color:#000000;
width:900px;
text-align:justify;
float:left;
padding: 23px 0 0 12px;
}

#contenu_droit{
width:431px;
background:url(../media/images/accueil/fond_contenu2.jpg) top left no-repeat;
float:left;
}
.bloc{
width:382px; 
height:79px;
padding:8px 8px 8px 8px;
background:url(../media/images/accueil/fond_items.jpg) top left no-repeat;
float:left;
}
.bloc_petit{
width:200px; 
height:79px;
padding:8px 8px 8px 8px;
background:url(../media/images/accueil/fond_items.jpg) top left no-repeat;
float:left;
margin-bottom:10px;
}
#contenu_hommes{
background:url(../media/images/accueil/fond_contenu.jpg) top left no-repeat;
float:left;
padding:20px 0 0 20px;
}

#xavier{
background:url(../media/images/accueil/fond_xavier.jpg) top left no-repeat;
width:308px;
text-align: justify;
float :left;
color:#000000;
font-size:11px;
color:#ffffff;
}
#fabrice{
background:url(../media/images/accueil/fond_fabrice.jpg) top left no-repeat;
width:308px;
text-align: justify;
float :left;
color:#000000;
font-size:11px;
color:#ffffff;
}
#philippe{
background:url(../media/images/accueil/fond_philippe.jpg) top left no-repeat;
width:308px;
text-align: justify;
float :left;
color:#000000;
font-size:11px;
color:#ffffff;
}

.col-sep{
width:5px;
float:left;
back
}
.commentaire{
/*height:150px;*/
width:190px;
float:right;
padding:8px 25px 5px 8px;
}
.photo{
float:left;
width:307px;
height:105px;
}
.profil{
clear:both;
float:left;
width:300px;
padding: 5px 0 2px 2px;
color:#000000;
}
#position{
padding:20px 0 0 25px;
}
.titre_item{
color:#ffffff;
font-weight:bold;
font-size:12px;
}
.titre_item_grand{
color:#ffffff;
font-weight:bold;
font-size:16px;
margin-bottom:5px;
text-transform:uppercase;
}
.texte_item{
color:#cec8c5;
font-size:11px;
}
#controle a{
margin-top:-5000px;
position:absolute;
}
/*Achat espace*/
#fond_colonne a.texte_item_lien{
color:#fff;
font-size:12px;
background:transparent url(../media/images/presse/trait.jpg) no-repeat center left;
padding-left:15px;
font-weight:normal;
margin-left:4px;
}
#fond_colonne a.texte_item_lien:hover{
color:#8f8d85;
text-decoration: none;
font-weight:normal;
}

/*Franchises*/
#espace_f{
width:954px;
float:left;
padding:0px 40px 0 30px;
}
.colonne{
padding : 23px 0 0 20px;
width:290px;
text-align: justify;
float :left;
}
.der_colonne{
width:309px;
text-align: justify;
float :left;
}

#fond_colonne{
background:url(../media/images/accueil/fond_contenu.jpg) top left no-repeat;
float:left;
width:620px;
}
#fond_colonne a{
color:#000000;
font-weight:bold;
text-decoration:none;
}
#fond_colonne a:hover{
text-decoration:underline;
color:#000000;
font-weight:bold;
}
.position{
padding:23px 0 0 22px;
float:left;
}
.titre_item_message {
padding:10px 0 0 10px ;
height:29px;
color:#fff;
font-weight:bold;
font-size:13px;
float:left;
text-align:left;
}
.tx_message{
padding:10px 0 0 10px ;
color:#fff;
font-size:16px;
height:29px;
float:right;
text-align:right;
font-weight:bold;
}

/* CONFIANCE*/
#stat{
width:320px;
background:url(../media/images/accueil/fond_contenu2.jpg) top left no-repeat;
float:left;
height:380px;
}
#position_stat{
padding:20px 0 0 25px;
width:294px;
text-align:justify;
}
.item{
width:286px; 
height:39px;
padding:5px 5px 5px 5px;
background:url(../media/images/confiance/fond_stat.jpg) top left no-repeat;
float:left;
}
.titre_item_stat {
height:29px;
color:#fff;
font-weight:bold;
font-size:13px;
float:left;
text-align:left;
}
.tx_stat{
color:#fff;
font-size:16px;
height:29px;
float:right;
text-align:right;
font-weight:bold;
}
#defile{
width:260px;
height:90px;
}
/**RECRUTE**/
.center{
width:235px;
float:left;
text-align:center;
border:1px solid black;
}
/* CONTACT */
#content_contact{
padding:0 40px 0 40px;
float:left;
width:944px;
}
#fond_contact{
background:#fff url(../media/interface/fond_contenu.jpg) top left no-repeat;
float:left;
width:922px;
padding:23px 0 0 22px;
}
/*table.donnees {   */
#formulaire{
float:left;
width: 600px;
padding: 0 40px 0 40px;
}
#ligne_formulaire{
float:left;
width:600px;
}
table.donnees td{   
font-family:Arial, Helvetica, sans-serif;
}
table.donnees td.titre {
padding: 15px 0 20px 0;
font-size: 11px;
color: #ce2523;
font-weight: bold;
}
table.donnees td.designation {
width:80px;
padding: 7px 0 6px 10px;
font-weight: bold;
vertical-align:top;
}
table.donnees td.required {
width: 10px;
font-size: 1px;
}
table.donnees td.required-on {
width: 10px;
font-size: 1px;
background:url(../media/images/contact/field-required.gif) top left no-repeat;
}
table.donnes td.field {
vertical-align: top;
margin: 3px 0 0 0;
width:280px;
}
table.donnees td.field input {
width: 280px;
color:#000;
border:1px solid #999;
background:url(../media/images/contact/fond_champ.gif) top left repeat-x;
vertical-align:top;
}
table.donnees td.field textarea {
width: 280px;
height: 100px;
border:1px solid #999;
font-size:12px;
background:url(../media/images/contact/fond_champ.gif) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#000;
padding:2px 0px;
}
table.donnees td.sep {
height: 20px;
font-size: 1px;
}
table.donnees table.button {
width: 100%;
}
table.donnees table.button input {
width: 100px;
height: 20px;
/*border-top: 1px solid #ECECEC;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #ECECEC;*/
font-size: 10px;
color: #000;
font-weight: bold;
border:1px solid #999;
}
table.donnees table.button td.space {
width: 120px;
}
table.donnees table.button td.submit {
width: 120px;
text-align: left;
}
table.donnees table.button td.reset {
text-align: left;
}
table.donnees table.button td.submit input,table.donnees table.button td.reset input{
background-image:none;
background-color:#ebe9e1;
/*border-top:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #BDA392;
border-right:solid 1px #BDA392;*/
border:1px solid #999;
color:#666;
}
table.donnees tr.error {
background-color: #ebe9e1;
}
div.error {
color: #FFFFFF;    
background-color: #B80000;
margin-bottom:20px;
}                    
div.error div.titre {
padding: 5px 15px;
font-size: 1.30em;
line-height: 1.30em;
font-weight: bolder;
}         
div.error div.titre img {
float:left;
}        
div.error div.txt {
padding: 5px 15px;
}
p.small{
font-size:9px;
width:916px;
text-align:justify;
}
/*********************/
/* 	    Footer	     */
/*********************/
#footer 
{
clear:both;
position:relative;
float:left;
background:url(../media/interface/fond_footer.jpg) no-repeat;
clear:both;
color:#8f8d85;
font-size:10px;
width:944px;
height:98px;
padding:0 40px 0 40px;
}
#head_footer a:hover{
color:#000000;
text-decoration:none;
}
#head_footer
{
width:944px;
height:42px;
margin-top:31px;
color:#8f8d85;
text-align:center;
}
#footer_content_left
{
width:540px;
/*height:25px;*/
float:left;
}
#footer_content_right
{
width:125px;
float:right;
}
.cliquer_actweb
{
float:right;
width:30px;
height:22px;
padding-bottom:8px;
/*background:url(../media/interface/actweb.jpg)top left no-repeat;
display:block;*/
}
