/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/

}
body{
background:#112f81;
font: 70% Arial, Helvetica, sans-serif;
background:#fff;
}
#container{
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:1003px;
margin:0 auto;
background:url(../images/charte/bg-page-y.gif) repeat-y scroll left top;
}

/*---------------------------Header------------------------------*/
#header{
	width:1003px;
	height:36px;
	background-image:url(../images/charte/adresse.gif);
}


/*---------------------------Contenu------------------------------*/
#contenu{
position:relative;
width:1003px;
min-height:400px;
height:auto !important;
height:400px;
font-size:1em;
line-height:1.4em;
text-align:justify;

background:url(../images/charte/bg-contenu.jpg) no-repeat right 213px;
}





/*---------------------------------MENU HAUT--------------------------------------------*/
#menu-haut0{
	float:left;
	width:775px;
	height:21px;
}

#menu-haut{
	z-index:300;
	height:21px;
}

#menu-haut dl, dt, dd {
margin: 0;
padding: 0;
}
#menu-haut dl {
float:left;
}
#menu-haut dt {
width:155px;
line-height:21px;
height:21px;
}
#menu-haut dt a {
text-decoration: none;
display: block;
width:155px;
text-decoration: none;
height: 21px;
background:no-repeat scroll left top;
}
#menu-haut dt a span{
display:none;
}
#menu-haut dt a.accueil{
	background-image:url(../images/charte/accueil.gif);
}
#menu-haut dt a.accueil:hover{
	background-image:url(../images/charte/accueil-on.gif);
}
#menu-haut dt a.services{
	background-image:url(../images/charte/services.gif);
}
#menu-haut dt a.services:hover{
	background-image:url(../images/charte/services-on.gif);
}
#menu-haut dt a.historique{
	background-image:url(../images/charte/historique.gif);
}
#menu-haut dt a.historique:hover{
	background-image:url(../images/charte/historique-on.gif);
}
#menu-haut dt a.realisations{
	background-image:url(../images/charte/realisations.gif);
}
#menu-haut dt a.realisations:hover{
	background-image:url(../images/charte/realisations-on.gif);
}
#menu-haut dt a.contact{
	background-image:url(../images/charte/contact.gif);
}
#menu-haut dt a.contact:hover{
	background-image:url(../images/charte/contact-on.gif);
}
#menu-haut ul{
position:absolute;
width:155px;
padding:0;
background-color:#ffffff;
-moz-opacity: 0.80; opacity:0.80;
border-bottom:1px solid #DDE0DE;
border-left:1px solid #DDE0DE;
border-right:1px solid #DDE0DE;
}
#menu-haut li {
display:block;
width:150px;
height:20px;
list-style-type: none;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
text-indent:20px;
padding:0 3px;
}
#menu-haut dd {
display: none;
}
#menu-haut li a {
color:#000;
text-decoration:none;
font-weight:normal;
}
#menu-haut li a:hover{
color:#EE1C23;
text-decoration:underline;
font-weight:normal;
}

/*---------------------------Anim------------------------------*/

#anim{
	float:left;
	width:775px;
	height:192px;
}

/*---------------------------CollLeft------------------------------*/

#collLeft{
float:left;
width:228px;
min-height:199px;
height:auto !important;
height:199px;
background-image:url(../images/charte/bg-collLeft.gif);
}

#collLeft #menu {
float:left;
width:228px;
padding:115px 0 0 0;

}
#collLeft #menu dt {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
text-indent:20px;
color:#000;
display:block;
width:228px;
height:24px;
background-image:url(../images/charte/bg-bt.jpg);
background-repeat: no-repeat;
}
#collLeft #menu dt a:link, #collLeft #menu dt a:visited{
display:block;
width:228px;
height:24px;
color:#000;
text-decoration: none;
background-image:url(../images/charte/bg-bt.jpg);
}
#collLeft #menu dt a:hover {
text-indent:20px;
color:#000;
text-decoration: underline;
}

#collLeft #menu ul{
padding:5px 0 5px 30px;
width:180px;
text-align:left;
}
#collLeft #menu li {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color:#000;
font-weight:normal;
list-style-type:none;
}

#collLeft #menu li a,#collLeft #menu li a:visited{
font-weight:normal;
color:#000;
text-decoration: none;
font-weight:normal;

}
#collLeft #menu li a:hover {
font-weight:normal;
color:#ee1c23;
text-decoration:underline;
font-weight:normal;
}


/*---------------------------Contenu textuel------------------------------*/
#texte{
	float:left;
	width:730px;
	color:#555555;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
	padding:0px 0 50px 20px;
}
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
line-height:40px;
height:40px;
color:#000;
padding:15px 0 0 0;

}
#texte h2{
	font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 1px dashed #E10915;
  padding-top: 15px;
  margin-bottom: 5px;
 	color:#E10915;

}

#texte h3{
	font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 0px dashed #E10915;
  padding-top: 15px;



}
#texte h4{
	font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 0px dashed #E10915;

}

#texte h5{
	font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align: center;
  padding-top: 25px;
  margin-bottom: 5px;
  font-weight: bold;
 	color:#E10915;

}


a{
	font-weight:bold;
	text-decoration:none;
	color: #000000;
}
a:hover{

	font-weight:bold;
	text-decoration:none;
	color: #555555;
}
#collRight{
float:right;
width:200px;
min-height:32px;
height:auto !important;
height:32px;

}

/*---------------------------News------------------------------*/
#collRight #news{
float:right;
text-align:right;
width:189px;
min-height:117px;
height:auto !important;
height:117px;
background:#FFFFFF url(../images/charte/titre-news.gif) no-repeat top left;
border:1px solid #d8d5d5;
margin:0 0 10px 0;
}

#collRight #news #news2{
float:right;
text-align:left;
width:189px;
min-height:100px;
height:auto !important;
height:100px;

}
#collRight #news #news2 p{

padding:0px 5px 0 5px;
}


/*---------------------------Promos------------------------------*/
#collRight #promos{
float:right;
text-align:right;
width:189px;
min-height:117px;
height:auto !important;
height:117px;
background:#FFFFFF url(../images/charte/titre-promos.gif) no-repeat top left;
border:1px solid #d8d5d5;
margin:0 0 10px 0;
}

#collRight #promos #promos2{
float:right;
text-align:left;
width:189px;
min-height:100px;
height:auto !important;
height:100px;

}
#collRight #promos #promos2 p{

padding:0px 5px 0 5px;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


/***************** FOOTER *****************/
#footer{
position:relative;
width:1003px;
height:58px;
margin:-50px auto 0 auto;
clear:both;
background:url(../images/charte/bg-page-y.gif) repeat-y scroll left top;
}
#footer2{
width:1003px;
height:58px;
background:url(../images/charte/bg-footer.gif) no-repeat scroll left bottom;
}

#logo-idep{
	float:left;
	height:30px;
	width:170px;
	text-align:center;
	padding:5px 0 0 20px;
}
#logo-idep a{
	font-weight:normal;
	text-decoration:none;
  font-size: 11px;
	color: #000000;
}
#logo-idep a:hover{

	font-weight:normal;
	text-decoration:none;
	color: #555555;
}

#retour{
	font-weight:bold;
	text-decoration:none;
  font-size: 12px;
	color: #EE1C23;
}
#retour:hover{

	font-weight:bold;
	text-decoration:none;
	color: #555555;
}

#logo-image{
	float:left;
	height:20px;
	width:150px;
}
#logo-texte{
	float:left;
	height:8px;
	width:150px;
	color:#555555;
}
.invisible{
display: none;

}

a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;

}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;

}

.inputForm{
border:1px solid #C8C9CA;
background-color: #FFFFFF;
width:180px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #C8C9CA;
background-color: #F5F4F4;
width:180px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #AFB0B1;
background-color: #C8C9CA;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #AFB0B1;
background-color: #AFB0B1;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#FFFFFF;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#DDDDDD;
  background-image: url(../images/charte/back-prod.jpg);
  background-repeat: repeat-x;
  background-position: top left;
	font-size:11px;
  width: 600px;
	border:1px solid #DDDDDD;
}

.frmContact .Label, .frmContact label{
  	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
white-space:nowrap;
color:#fffffff;
}

.notice{

	font-size:11px;
	padding:0px;
}