/* CSS Document */

/**********************************************/
/*						GENERAL				  */
/**********************************************/

body {
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color:#003769;
}
p{
	margin:0px;
	padding: 0px 0px 10px 0px;
}

img{
border:0px none;}


a:link, a:visited, a:active {
	text-decoration: underline;
	color:#003769;
}

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

h1
{
	font-size: 20px;
	width:680px;
	font-family: Arial, Helvetica, sans-serif;
	color:#D92A41;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:1px;
	padding-top:3px;
	border-bottom: 5px solid #D92A41;
}

h2
{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#003769;
	text-decoration:none;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}
hr{
	height:1px;
	border:none;
	color:#B2B2B2;
	background-color:#B2B2B2;
}

/**********************************************/
/*		DIVS COMMUNES HOME & PAGE TYPE	 	  */
/**********************************************/
.container {
	position: relative;
	width:620px;
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
}

#logo-print{
	display: inline;
	position: absolute;
	left:20px;
	_left:0px;
	top:0px;
	z-index:1000;
}

#header-logo{
	display: none;
}

#header-nav{
	display: none;
}
#header-contact{
	display: none;
}

#header-plansite{
	display: none;
}
#header-visu{
	display: none;
}

#header-visu-anim{
	display: none;
}

#nav-principale{
	display: none;
}

#content{
	position: relative;
	width:628px;
	float:left;
	background-image: url(images/fond-content.gif);
	border-left: 0px solid #B2B2B2;
	border-bottom: 0px solid #B2B2B2;
	border-right: 0px solid #B2B2B2;
	padding-bottom:10px;
	background-repeat: repeat-x;
}

#footer{
	position: relative;
	width:630px;
	float:left;
	text-align:right;
	margin-top:5px;
	color: #003769;
	font-size: 0.9em;
	text-decoration:none;
}

#ariane{
	display: none;
}

/**********************************************/
/*					DIVS HOME	 		 	 */
/**********************************************/

#content-home-1{
	position: relative;
	width:259px;
	float:left;
	margin-left:0px;
	padding-top:150px;
	font-size:1.1em;
}
#content-home-2{
	position: relative;
	width:259px;
	float:left;
	margin-left:70px;
	padding-top:150px;
	font-size:1.1em;
}
#content-home-3{
	position: relative;
	width:180px;
	float:left;
	margin-left:0px;
	padding-top:0px;
}


/**********************************************/
/*				PAGE INTERIEURES			  */
/**********************************************/

#content-interieure{
	position: relative;
	width:643px;
	float:left;
	margin-left:0px;
	margin-top:90px;
	padding-top:0px;
	text-align:justify;
	font-size:1.1em;
	padding-bottom:10px;
}

#content-imprimer{
	display: none;
}


/**********************************************/
/*					PLAN DU SITE			  */
/**********************************************/
#content-interieure-plan{
	position: relative;
	width:680px;
	float:left;
	margin-left:0px;
	padding-top:12px;
	margin-top:90px;
	text-align:justify;
	font-size:1.1em;
	padding-bottom:10px;
}

#content-interieure-plan ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	list-style-type: Aucune;
	list-style-image: url(images/puce_fire.gif);
	_list-style-image: url(images/puce_ie.gif);
	
}
#content-interieure-plan li{
	margin: 2px 0px 2px 0px;
	_margin: 0px 0px 0px 0px;
}

#content-interieure-plan li a {
 	list-style: none;
	display: inline;
	text-decoration: none;
}
.h1-plan
{
	font-size: 20px;
	width:650px;
	font-family: Arial, Helvetica, sans-serif;
	color:#D92A41;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:1px;
	padding-top:3px;
	border-bottom: 5px solid #D92A41;
}


/**********************************************/
/*				PAGE AGENCES		  */
/**********************************************/
#accueil-adresse {
	display: none;
}

	
.adresse {
	position:absolute;
	width:160px;
	text-align:left;
	z-index:2;
	height:auto;
	left: 460px;
	top: 75px;
	background-color: #FFFFFF;
	background-image: url(../images/fond_adresse_agences.gif);
	background-repeat: no-repeat;
	padding: 40px 15px 0px 15px;
	visibility: hidden;
		font-size:0.9em;
}

/**********************************************/
/*				NAV TOP ROLLOVER			  */
/**********************************************/

#header-nav-btons { 
 margin : 0 0 0 0px;
 padding:0 0 0 0;
}

#header-nav-btons ul {
 list-style-type: none; 
 list-style: none;
 width: 100%; 
 margin : 0 0 0 0px;
 padding:0 0 0 0;
}

#header-nav-btons li {
 	list-style: none;
	float: left; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin : 0 0 0 0;
	padding:0 0 0 0;
}

.header-nav-btons li a {
 	list-style: none;
	display: inline;
	line-height: 19px;
	color:white;
	text-decoration: none;
}

.mainmenu li a:hover {
 list-style: none;
 color:white;
 background-color:#F5A300;
}


a.bton-maintenance { 
	display: block;
	float:left;
	width:110;
	heigth:47px;
	background-image: url(images/bton-maintenance-off.gif); 
	background-repeat: no-repeat;
     }
	 
a.bton-maintenance:hover { 
     background-image: url(images/bton-maintenance-on.gif); 
     }
	 
a.bton-maintenance-on { 
	display: block;
	float:left;
	width:110px;
	heigth:47px;
	background-image: url(images/bton-maintenance-on.gif); 
	background-repeat: no-repeat;
}	  

a.bton-assistance { 
	display: block; 
	float:left;
	width:173px;
	heigth:47px;
	background-image: url(images/bton-assistance-off.gif); 
	background-repeat: no-repeat;
     }
	 
a.bton-assistance:hover { 
     background-image: url(images/bton-assistance-on.gif); 
     }
	 
a.bton-assistance-on { 
	display: block; 
	float:left;
	width:173px;
	heigth:47px;
	background-image: url(images/bton-assistance-on.gif); 
	background-repeat: no-repeat;
     }	 

a.bton-agences { 
	display: block; 
	float:left;
	width:85px;
	heigth:47px;
	background-image: url(images/bton-agences-off.gif); 
	background-repeat: no-repeat;
     }
	 
a.bton-agences:hover { 
     background-image: url(images/bton-agences-on.gif);
     }
	 
a.bton-agences-on { 
	display: block; 
	float:left;
	width:85px;
	heigth:47px;
	background-image: url(images/bton-agences-on.gif); 
	background-repeat: no-repeat;
     }

a.bton-accueil { 
	display: block;
	float:left;
	width:180px;
	heigth:47px;
	background-image: url(images/logo-maintronic.gif); 
	background-repeat: no-repeat;
     }
	 
a.bton-accueil:hover { 
     background-image: url(images/logo-maintronic-on.gif);
     }


/**********************************************/
/*					MENU	 				  */
/**********************************************/

#nav-gauche{
	position: relative;
	width:180px;
	float:left;
	text-align:right;
	margin-bottom:20px;
}

#nav-gauche ul{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
}

#nav-gauche ul li{
	background-image: url(images/filet_menu.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	list-style: none;
	padding-top:4px;
	_height: 18px;
	list-style-image: none;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	
}


#nav-gauche ul li a:link,
#nav-gauche ul li a:visited,
#nav-gauche ul li a:active{
	color: #003769;
	font-size: 1em;
	text-decoration:none;

}
#nav-gauche ul li a:hover{
	color: #D92A41;
	font-size: 1em;
	text-decoration:none;
}

#nav-gauche ul ul {
	background-image: url(images/pixblanc.gif);
	background-repeat: repeat;
	border:0px none;
	list-style-image: none;
}

#nav-gauche ul ul li{
	background-image: url(images/pixblanc.gif);
	background-repeat: repeat;
	margin-right: 0px;
	font-weight:normal;
	list-style-image: none;
}

#nav-gauche ul ul li a:link,
#nav-gauche ul ul lia:visited,
#nav-gauche ul ul li a:active{
	color: #003769;
	font-size: 1em;
	text-decoration:none;
	font-weight:normal;

}
#nav-gauche ul ul li a:hover{
	color: #D92A41;
	font-size: 1em;
	text-decoration:none;
}

#nav-gauche ul li.actif {
	color:#D92A41;
	font-weight:bold;
	background-image: url(images/filet_menu_actif.gif);
	background-repeat: no-repeat;
	background-position:top;
}

#nav-gauche ul li.actif2 {
	color:#D92A41;
	padding-right:10px;
	background-image: url(images/puce_rouge_menu.gif);
	background-repeat: no-repeat;
	background-position:right;
}
#nav-gauche-retour-accueil{
	display:none;
}

#nav-gauche-retour-accueil ul li a:link,
#nav-gauche-retour-accueil ul li a:visited,
#nav-gauche-retour-accueil ul li a:active{
	color: #b2b2b2;
	font-size: 1em;
	text-decoration:none;

}
#nav-gauche-retour-accueil ul li a:hover{
	color: #D92A41;
	font-size: 1em;
	text-decoration:none;
}


/**********************************************/
/*				STYLES TXT & LIENS 			  */
/**********************************************/

a.bton-savoirplus { 
	display: block;
	float:left;
	width:117px;
	heigth:19px;
	background-image: url(images/bton-savoirplus-off.gif); 
	background-repeat: no-repeat;
     }
	 
a.bton-savoirplus:hover { 
     background-image: url(images/bton-savoirplus-on.gif); 
     } 


#header-plansite a:link,
#header-plansite a:visited,
#header-plansite a:active{
	color: #FFFFFF;
	font-size: 1em;
	text-decoration:none;

}
#header-plansite a:hover{
	color: #003769;
	font-size: 1em;
	text-decoration:none;
}

#footer a:link,
#footer a:visited,
#footer a:active{
	color: #003769;
	font-size: 1em;
	text-decoration:none;

}
#footer a:hover{
	color: #D92A41;
	font-size: 1em;
	text-decoration:none;
}

#content-imprimer a:link,
#content-imprimer a:visited,
#content-imprimer a:active{
	color: #003769;
	font-size: 1em;
	text-decoration:none;

}
#content-imprimer a:hover{
	color: #D92A41;
	font-size: 1em;
	text-decoration:none;
}

#ariane a:link,
#ariane a:visited,
#ariane a:active{
	color: #D92A41;
	font-size: 1em;
	text-decoration:none;

}
#ariane a:hover{
	color: #003769;
	font-size: 1em;
	text-decoration:none;
}

.illus-left
{
	border: 1px solid #CCCCCC;
	padding:10px;
	background-color:#FFFFFF;
	margin-right:15px;
}

.illus-right
{
	border: 1px solid #CCCCCC;
	padding:10px;
	background-color:#FFFFFF;
	margin-left:15px;
}

.txt-rouge-gras-souligne
{
	color:#D92A41;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 0px 10px 0px;
	border-bottom:1px solid #CCCCCC;
}

.txt-bleu-petit
{
	color: #003769;
	font-size: 1em;
}


.txt-rouge-gras
{
	color:#D92A41;
	font-weight:bold;
}

ul{
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px;

}

li {
	list-style-type: Aucune;
	list-style-image: url(images/puce_fire.gif);
	_list-style-image: url(images/puce_ie.gif);
	margin: 0px 0px 10px 0px;
}

blockquote{
	margin: 0px 0px 0px 50px;
	_margin: 0px 0px 0px 55px;
}

.illus-droite
{
	margin: 0px 0px 5px 30px;
}

.illus-gauche
{
	margin: 0px 30px 5px 0px;
}
.border-adresse
{
	width: 600px;
	height: 100px;
	padding: 10px 10px 10px 70px;
	margin-top:30px;
	_margin-top:0px;
	background-image: url(images/fond_adresse.gif);
	background-repeat: no-repeat;
}

/**********************************************/
/*					FORMULAIRE				  */
/**********************************************/

input {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	border: 1px solid #b2b2b2;
	color: #003769;
	background-color:#FFFFFF;	
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #b2b2b2;
	color: #003769;
	background-color:#FFFFFF;	
	text-indent:3px;

}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #b2b2b2;
	color: #003769;
	background-color:#FFFFFF;	
	text-indent:3px;
}


/* formulaire contact us */

form{
	/*background-image: url(images/fond_formulaire.jpg);
	background-repeat: no-repeat;
	background-position: top;*/
	padding-top:10px;
}

.formcontact label {
	width: 70px;
	text-align: left;
	/*border: 1px solid #330000;*/
	display: inline;
	float: left;
	border-bottom: 1px solid #b2b2b2;
}
.formcontact label.radio {
	width:auto;
	margin-right:5px;
	border: 0px solid #b2b2b2;
}
.formcontact label.radio input {
	border: 0px solid #b2b2b2;
}
.formcontact .boutons {
	text-align: center;
}
.formcontact p {
	clear:both;
}

.spip_form_champ{
	width: 680px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 0px; /*width of left column containing the label elements*/
	height: 1%;
}

.spip_form_champ label{
font-weight: bold;
float: left;
margin-left: 100px; /*width of left column*/
width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.spip_form_champ input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.spip_form_champ textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .fondo{
margin-left: 3px;
}

.bouton_forms{
margin-left:260px;
}