/* Feuille de style pour le contenu des pages 
* C'est cette feuille de style qui doit être liée aux pages du site
* La feuille de style de la charte est appelée depuis cette feuille.
*/

/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
margin:0 0 20px 10px;
font:bold 2.3em "Trebuchet MS";
text-align:left;
text-indent:15px;
color:#DD3E95;
}
#contenu h2{
margin:10px 0;
font:bold 1.5em "Trebuchet MS";
text-align:left;
color:#fff;
}
#contenu h4{
margin:0 0 20px 10px;
font:bold 1.2em "Trebuchet MS";
text-align:left;
color:#fff;
}

#contenu .cadre {
font:bold 1.1em "Trebuchet MS", Arial;
color:#fff;
display:block;
}
#contenu .cadre a{
color:#FFF;
}
#contenu #cadre_equipe {
width:320px;
height:110px;
float:left;
padding:0 5px 0 0;
margin:10px;
color:#fff;
font:1.1em "Trebuchet MS", Arial;
display:block;
border:1px solid #87173C;
}
#contenu #cadre_equipe span{
font-weight:bold;
}
#contenu #cadre_equipe a{
color:#87173C;
font-weight:bold;
}
#contenu p{
padding:5px 0px 5px 0px;
font:1.1em "Trebuchet MS", Arial;
line-height:1.7em;
line-height:normal;
text-align:justify;
color: #FFF;
}
#contenu a:link, #contenu a:visited{
text-decoration:none;
color: #87173C;
}
#contenu a:hover, #contenu a:active{
text-decoration:underline;
color: #fff;
}
#footer p{
font:1em "Trebuchet MS", Arial;
line-height:15px;
color: #AF7539;
text-align:center;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color: #FFF;
}
#footer a:hover, #footer a:active{
text-decoration:none;
color: #f88e1e;
}

#footer .rub{
font-size:1.1em;
text-decoration:none;
color: #FFF;
}



#contenu p.couleur, .couleur{
font-weight:bold;
color:#87173C;
}
/* STYLE DE LA PAGE CONTACT */
#contactTxt{
width:45%;
float:left;
}
#contactPlan{
width:45%;
float:right;
}
#formContact input,textarea{
width:100%;
border:1px solid #000;
font-size:12px;
}
#formContact input:focus,textarea:focus{
border-color:#FF0000;
}
#formContact .champRequis{
color:#FF0000;
}


dl, dt, dd, ul, li {
list-style-type: none;
}
#menu {
width: 184px;
margin:0px 0 0 0;
font:"Trebuchet MS", Arial;
float:left;
display:block;
padding-top:40px;
min-height:500px;
_height:100%;
background:url(../images/charte/bg-menu-left.gif) left top no-repeat;
}
*+html #menu {
padding-bottom:100px;

}


#menu dt {
font:"Trebuchet MS", Arial;
cursor: pointer;
height: 40px;
line-height: 28px;
text-align:left;
font-size:1.1em;
font-weight: bold;
padding-top:5px;
color:#fff;
}

#menu dt a {
font:bold 14px "Trebuchet MS", Arial;
color: #f88e1e;
text-decoration: none;
text-indent:-2500px;
display: block;
height: 100%;
border:0;
}
#menu dt a:hover {
/*background: #84E425;*/
color: #FFF;
border:0;
}
#menu ul{
padding:10px 0;
height:50px;
}
#menu li {
font:1.1em "Trebuchet MS", Arial;
line-height:1.5em;
text-align:left;
text-indent:35px;
padding:1px;
height: 20px;
}
#menu li a {
font:11px "Trebuchet MS", Arial;
font-weight:normal;
color: #fff;
text-decoration: none;
display: block;
height: 20px;
}
#menu li a:hover {
color:#FFF;
text-decoration:underline;
background: url(../images/charte/puce.gif) scroll no-repeat 25px 5px;
}


/*************** MENU DE NAV ****************/


#menuaccueil {
background: url(../images/charte/menu-accueil.gif) 0px no-repeat scroll;
}
#menuaccueil:hover {
background: url(../images/charte/menu-accueil-ovr.gif) 0px no-repeat scroll;
}
#menuaccueil-current {
background: url(../images/charte/menu-accueil-ovr.gif) 0px no-repeat scroll;
}


#menuactu {
background:  url(../images/charte/menu-actualite.gif) 0px no-repeat scroll;
}
#menuactu:hover {
background:  url(../images/charte/menu-actualite-ovr.gif) 0px no-repeat scroll;
}
#menuactu-current {
background:  url(../images/charte/menu-actualite-ovr.gif) 0px no-repeat scroll;
}


#menuservice {
background:  url(../images/charte/menu-services.gif) 0px no-repeat scroll;
}
#menuservice:hover {
background:  url(../images/charte/menu-services-ovr.gif) 0px no-repeat scroll;
}
#menuservice-current {
background:  url(../images/charte/menu-services-ovr.gif) 0px no-repeat scroll;
}


#menuespaces {
background:  url(../images/charte/menu-espaces.gif) 0px no-repeat scroll;
}
#menuespaces:hover {
background:  url(../images/charte/menu-espaces-ovr.gif) 0px no-repeat scroll;
}
#menuespaces-current{
background:  url(../images/charte/menu-espaces-ovr.gif) 0px no-repeat scroll;
}


#menusociete {
background:  url(../images/charte/menu-societes.gif) 0px no-repeat scroll;
}
#menusociete:hover {
background:  url(../images/charte/menu-societes-ovr.gif) 0px no-repeat scroll;
}
#menusociete-current {
background:  url(../images/charte/menu-societes-ovr.gif) 0px no-repeat scroll;
}


#menureferences {
background:  url(../images/charte/menu-references.gif) 0px no-repeat scroll;
}
#menureferences:hover {
background: url(../images/charte/menu-references-ovr.gif) 0px no-repeat scroll;
}
#menureferences-current {
background: url(../images/charte/menu-references-ovr.gif) 0px no-repeat scroll;
}


#menupartenaires {
background:  url(../images/charte/menu-partenaires.gif) 0px no-repeat scroll;
}
#menupartenaires:hover {
background: url(../images/charte/menu-partenaires-ovr.gif) 0px no-repeat scroll;
}
#menupartenaires-current {
background: url(../images/charte/menu-partenaires-ovr.gif) 0px no-repeat scroll;
}


#menucontact {
background: url(../images/charte/menu-contact.gif) 0px no-repeat scroll;
}
#menucontact:hover {
background: url(../images/charte/menu-contact-ovr.gif) 0px no-repeat scroll;
}
#menucontact-current {
background: url(../images/charte/menu-contact-ovr.gif) 0px no-repeat scroll;
}


#menurecrutement {
background:  url(../images/charte/menu-recrutement.gif) 0px no-repeat scroll;
}
#menurecrutement:hover {
background:  url(../images/charte/menu-recrutement-ovr.gif) 0px no-repeat scroll;
}
#menurecrutement-current {
background:  url(../images/charte/menu-recrutement-ovr.gif) 0px no-repeat scroll;
}

/*****styles divers**********/

.grosor {
font:bold 1.3em "Trebuchet MS", Arial;
color:#87173C;
}

.grosnoir {
font:bold 1.3em "Trebuchet MS", Arial;
color:#000;
}

.grosblc {
font:bold 1.3em "Trebuchet MS", Arial;
color:#FFF;
}
/************* form *********************/
label
{
font-family:"Trebuchet MS", Arial;
font-weight:500;
font-size:12px;
color:#fff;
text-align:left;
line-height:16px;
letter-spacing:0.1em;
margin:0 0 0 0;
padding:0;
}
.forminput,
.formtextareadress,
.formtextareacomment
{
border:1px #fff solid;
padding:0;
margin:2px;
font:1.1em "Trebuchet MS", Arial;
font-size:13px;
color:#fff;
background-color:transparent;
text-align:justify;
}
.forminput
{
padding:0 3px 0 3px;
height:20px;
line-height:20px;
width:205px;
}
.formtextareadress
{
padding:0 3px 0 3px;
height:75px;
width:290px;
}
.formtextareacomment
{
padding:0 3px 0 3px;
height:110px;
width:600px;
}
.formbt
{
border:1px #fff solid;
height:25px;
width:200px;
text-align:center;
padding:0;
margin:2px; 
font:1.1em "Trebuchet MS", Arial;
font-size:12px;
line-height:18px;
font-weight:bold;
letter-spacing:0.1em;
color:#fff;
background:#B21B48;
}







/* PLAN  */


#btn_plan
{
width:179px;
height: 119px;
text-indent:-99999px;
text-decoration:none;

background: #d3245e url(../images/plan/btn_plan_out.jpg) left top no-repeat;
float:left;
margin-left:40px;
}
#btn_plan a
{
display: block;
width: 100%;
height: 100%;

background: #d3245e url(../images/plan/btn_plan_over.jpg) top left no-repeat;
text-indent:-99999px;
text-decoration:none;
}
#btn_plan a:hover
{
background: transparent none;
text-indent:-99999px;
}



/*** ***/

#fermer-anim {
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
color:#fff;
position:absolute;
top:70px;
left:0px;
z-index:1000;
}