/* ----- ELEMENTS DE DEPART ----- */

@import url('tinymce.css');

html{
background:#EFEAE5
}

body {
margin: 0;
border: 0;
background: url(../../images/bg-html.jpg) bottom center repeat-x
}

#large-content{
width:100%;
background:url(../../images/bg-body.jpg) top center repeat-x
}

#conteneur {
width: 980px;
padding: 0;
margin: auto;
font: 12px Arial, Helvetica, sans-serif;
color: #000
}

img {
border: 0
}

form {
margin:0;
padding:0;
}

h1.titre {
margin: 5px;
font-size: 16px;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* ----- VOS CLASSES ET ELEMENTS ----- */

div#conteneur {
color:#746E64;
width: 980px;
padding: 0px 0px 0px 0px;
margin: auto;
font: 11px Verdana, Arial, Helvetica, sans-serif;
/*font: 11px Arial, Helvetica, sans-serif;*/
/*	border: 1px solid #00CCFF;*/
}

img{
border:0;
}
div#baniere{
/* 	background-image:url('../../images/baniere.jpg'); */
width:748px;
height:250px;
border:0px;
margin:0px;
}

div#haut{
/* border:0 none; */
height:366px;
margin:0
}

div#baniere a{
text-decoration:none;
color:#fff;
}
div#baniere a:hover{
text-decoration:underline;
}
/************************************ICONES***********************************/
div#logo{
margin-left:5px;
margin-top:5px;
}

#lien_haut{
display:block;
height:41px;
width:700px;
float:left
}

#lien_haut a{
display:block;
background:url(../../images/puce_top.gif) no-repeat;
padding:3px 0 0 23px;
height:19px;
width:147px;
float:left;
margin:10px 0 0;
text-decoration:none;
color:#777
}

#lien_haut a:hover{
text-decoration:none;
color:#FFF
}

#lien_haut #favoris{
background-position:0 0
}

#lien_haut #ami{
background-position:0 -30px
}

#lien_haut #plan{
background-position:0 -60px
}

#lien_haut #access{
background-position:0 -90px
}

/********************************NEWSLETTER********************************/

#newsletter{
display:block;
float:right;
width:250px;
background:url(../../images/lettre.jpg) 0 2px no-repeat;
margin-top:10px
}

.champ{
background:#000;
border:none;
color:gray;
font-size:11px;
height:12px;
width:124px;
padding:2px 3px; 
margin:2px 10px 0 40px;
float:left
}

#news2{
float:left
}

}
.b_ok{
position:absolute;
margin-left:475px;
margin-top:31px;
}

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

#menu_haut{
clear:both;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
height:61px;
width:980px
}

#menu_haut a{
color:#948E83;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
padding-top:20px;
text-align:center;
display:block;
float:left;
height:41px;
width:130px;
padding:20px 5px 0
}

#menu_haut a:hover{
background:url(../../images/puce-haut-hover.jpg) no-repeat top center;
color:#FFF
}

#logo1{
}

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

table#milieu{
background:url(../../images/contenu.png) bottom left no-repeat;
vertical-align:top;
margin-left:1px;
}

td#gauche{
vertical-align:top;
width:245px;
padding:50px 0 0;
background:url(../../images/gauche.png) left top no-repeat
}

#menu{
padding-top:4px;
width:240px;
}

#menu h2{
width:240px;
height:27px;
margin:4px 0 0 5px;
padding:0;
font-weight:normal;
font-size:12px;
}

#menu h2 a{
display:block;
color:#969084;
font-size:12px;
height:25px;
width:230px;
text-decoration:none;
margin:0;
padding:2px 0 0 10px;
background:url(../../images/puce-menu.png) no-repeat
}

#menu h2 a:hover{
text-decoration:none;;
background:url(../../images/puce-menu-hover.png) no-repeat;
color:#FFF
}

.stretcher li a{
display:list-item;
color:#969084;
text-decoration:none;
margin-left:20px;
}
.stretcher li{
list-style:none;
width:213px;
min-height:24px;
line-height:23px;
text-indent:12px;
margin-top:3px;
}

.stretcher li a:hover{
color:#362727	
}
ul.stretcher{
/*height:0px;*/
margin:0;
padding:0;
}

/************************************************FIN MENU*********************************************************/

div#ekinoxe{
margin-left:18px;
}
/***********************************/
#centre{
vertical-align:top;
width:735px;
min-height:500px
}

div#anim{
position:absolute;
margin-left:180px;
margin-top:0px;
width:575px;
height:250px;
}
div#debut_page{
/* 	background:url('../../images/debut_page.jpg') no-repeat; */
width:748px;
height:72px;
border:0px;
margin:0px;
}
div#recrutement{
position:absolute;
margin-left:558px;
margin-top:29px;

}
div#recrutement a{
font-weight:bold;
color:#771700;
}
div#recrutement a:hover{
color:#D0501D;
}
/********************************************PAGE***************************************************/
div#page{
width:735px;
height:auto;
min-height:600px
}

div#page a{
color:#771700;
}

div#page a:hover{
color:#D0501D;
}

div#page p{
text-align:justify;
}

#page #arbo{
padding:10px 0 0 20px;
height:35px;
background:url(../../images/arbo-bg.png) no-repeat;
color:#969084
}

#page #arbo a{
text-decoration:none;
color:#969084
}

#page #arbo a:hover{
color:#BC110B
}

#page h2.titre{
background:url(../../images/titre-bg.png) bottom center no-repeat;
color:#C20D07;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
width:715px;
padding:10px
}

#trait{
}

div#page h2.rub{
background:url('../../images/h22.jpg') no-repeat;
margin:0;
padding:0;
font-size:13px;
color:#B12300;
height:24px;
padding-left:55px;
text-transform:uppercase;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:4px;
}
div#page h2.rub a {
color:#B12300;
text-decoration:none
}
div#page h2.rub a:hover {
color:#B12300;
text-decoration:underline
}
/*
*********************************FIN PAGE ************************************************************/
/*
div#fin_page{
background:url('../../images/fin_page.jpg') no-repeat;
width:748px;
margin:0;
padding:0;
height:47px;
*/
/*************************************************************************/
/********************************RECHERCHE********************************/
.champ1{
position:absolute;
width:118px;
height:16px;
border:none;
border:0;
margin-left:597px;
margin-top:46px;
background:none;
color:#000000;
font-size:11px;
}

.b_ok1{
position:absolute;
margin-left:719px;
margin-top:37px;
}

#reseau-sociaux{
text-align:center
}

/*************************************************************************/
/*************************************FLASH INFOS ************************/

#flash_infos{
background:url(../../images/bg-flash.png) no-repeat;
height:225px;
width:204px;
padding:50px 8px 16px;
margin:50px 0 0 10px;
color:#858077
}

#flash_infos marquee{
height:225px
}

#flash_infos h2{
color:#B00;
text-transform:uppercase;
font:12px Verdana
}

#flash_infos a{
text-decoration:none;
color:#B00
}

#flash_infos a:hover{
text-decoration:underline;
color:#B00
}
/*************************************************************************/

#link-video{
display:block;
margin:20px 10px
}

#bas{
background:url(../../images/bg-bas.jpg) center no-repeat;
color:#FFF;
height:395px;
padding-top:18px;
margin-top:10px
}

#bas #img-bas{
width:900px;
margin:30px auto 50px
}

#bas #img-bas td{
width:300px;
text-align:center
}

#tellogo{
}

#info_societe b{
color:#4B8D0A;
font-size:14px;
}

div#menu_bas{
width:850px;
margin:0 0 0 90px;
padding-top:20px
}

div#menu_bas a{
color:#fff;
text-decoration:none;
margin:4px;
}

#formulaireboutton{
float:right;
width:200px
}

div#menu_bas a:hover{
text-decoration:underline;
}

#ekinoxe{
display:block;
clear:both;
width:121px;
height:44px;
margin:0 auto
}

#video{
margin-left: 10px;
}

/***********************INFOS SOCIETEE******************************/
div#info_societe{
background:url(../../images/logotel.png) no-repeat;
width:760px;
color:gray;
float:left;
padding-left:20px;
height:50px
}

div#info_societe1  a{
color:gray;
margin-left:-128px;
margin-top:25px;
position:absolute;
text-align:center;
width:980px;

}
#essaie1{
margin-left:26px;
margin-top:1px;
position:absolute;

}


div#info_societe1 a:hover{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/lienbas.png) repeat scroll 0 0;
height:22px;
margin-left:333px;
text-decoration:underline;
width:22px;
}
/*----*/
div#info_societe2{
color:gray;
margin-left:-494px;
position:absolute;
text-align:center;
width:980px;

}
div#info_societe2  a{
color:gray;
margin-left:-128px;
margin-top:25px;
position:absolute;
text-align:center;
width:980px;

}
div#info_societe2 a:hover{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/lienbas.png) repeat scroll 0 0;
height:22px;
margin-left:333px;
text-decoration:underline;
width:22px;
}

#essaie2{
margin-left:26px;
margin-top:30px;
position:absolute;}
/*----*/

#infosbas{
margin-left:222px;
margin-top:11px;
position:absolute;
}
div#partenaires{
position:absolute;
width:375px;
height:112px;
margin-left:581px;
margin-top:18px;
background:url('../../images/partenaires.png') no-repeat;
}
ul.map{
margin:0;
padding:0;
margin-left:70px;
}
ul.map li{
margin:0;
padding:0;
margin-bottom:5px;
}
/************************GALERIES***************************************/
.photo{
width:138px;
height:138px;
margin:6px 3px;
float:left;
text-align:left;
}
div#cadre{
width:149px;
height:138px;
position:absolute;

}
div.separateur{
background:url('../../images/separateur.png') no-repeat;
height:2px;
margin-top:4px;
margin-bottom:4px;
}

/************************** table client ********************************/

div#page a.other_customer{
background:url("../../images/puce-other.gif") no-repeat scroll left center transparent;
color:#C20D07;
float:right;
font-size:12px;
font-weight:700;
padding-left:12px;
text-decoration:none;
width:151px;
}

div#page a.other_customer:hover{
text-decoration:underline
}

#table_client{
color:#746E64;
background:#E5E2DF;
border:1px solid #D6CFC5;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:715px;
margin:5px auto;
padding:5px 10px
}

#gauche_client, #droite_client{
border:1px solid #DAD6D3;
background:#FFF;
padding-top:10px;
padding-bottom:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center
}

#gauche_client{
background:#FDFCFB
}

#gauche_client{
width : 355px;
}


#droite_client{
width : 355px;
}