/*** STYLES GENERAUX ****/

* {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}

body {
    background-image: url(imgs/body-bg.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
	text-align:center;
}

hr {
margin-left:180px;
margin-bottom:20px;
margin-top:20px;
width:640px;
height:1px;
}

table {
margin-bottom : 20px;
margin-left:40px;
}

a, a:visited {
text-decoration:none;
color:#444A51;
}

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

h1 {
margin-left:150px;
color:#B7C822;
font-size:17px;
font-weight:bold;
}

h2 {
color:#616972;
font-size:16px;
font-weight:bold;
line-height:18px;
}

h3 {
margin:0px;
padding:0px;
margin-left:40px;
margin-right:40px;
margin-bottom:15px;
margin-top:20px;
width:223px;
color:#59626A;
font-size:12px;
line-height:18px;
}

h4 {
z-index:20;
margin-left:40px;
color:#8D959F;
font-size:12px;
}

/*** FIN STYLES GENERAUX ****/

/** CONTENEUR *****/

#conteneur, #conteneurhaut, #conteneurbas, #conteneur1 {
width:965px;
height:100%;
margin-left:auto;
margin-right:auto;
}


/*** SPECIAL IE6 ***/

* html #conteneurhaut { padding-left:22px; }
* html #conteneur { padding-left:42px; }
* html #conteneurbas { padding-left:22px; }
* html #conteneur1 { padding-left:22px; }
/** FIN SPECIAL IE6 ***/

#conteneurmilieu {
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top: -3px;
}

/*** FIN CONTENEUR *****/

/***** HAUT *****/

#logoextelia {
position:absolute;
width:200px;
margin-left:20px;
margin-top:9px;
z-index:1;
}


/*** SPECIAL IE6 ***/
* html #logoextelia { margin-left:-12px; }
/** FIN SPECIAL IE6 ***/

#haut {
background:url(imgs/header-bg.jpg) no-repeat;
width:965px;
height:106px;
text-align:left;
}

/***** FORMULAIRES HAUT *******/
#formulaire {
	width:100px;
	heigh:61px;
	background-color:#0CC;
	/*margin-left:500px;*/
}

.formhaut {
	padding-top:6px;
	padding-left:708px;
	height:17px;
	width:300px;
	vertical-align:middle;
}

#form1 {
padding-top:18px;
}

.saisie {
background: url(imgs/bg-input.jpg) no-repeat;
width:158px;
height:17px;
line-height:17px;
border:none;
color:#8D979F;
font-size:10px;
float:left;
vertical-align:middle;
text-indent:7px;
}


.required {
background: url(imgs/bg-input.jpg) no-repeat;
width:158px;
height:17px;
line-height:17px;
padding:0;
border:none;
color:#8D979F;
font-size:10px;
float:left;
vertical-align:middle;
text-indent:7px;
}

.ok {
height:17px;
border:none;
float:left}

/****** MENU HAUT ************/

p.menuhaut {
margin:0px;
padding:0px;
font-size: 11px;
font-weight:bold;
color:#B8DF13;
margin-left:33px;
padding-top:74px;
}
p.menuhaut a{
font-size: 10px;
color:#6A737D;
text-decoration:none;
}

p.menuhaut a:hover {
font-size: 10px;
color:#B8DF13;
text-decoration:none;
}
/****** FIN HAUT ********/

/***** CHEMIN DE FER ********/

#chemindefer {
	width:965px;
	margin-top:3px;
	height:26px;
	text-align:left;
	text-indent:35px;
	font-size:9px;
	color:#B1B8BE;
	letter-spacing: 1px;
}

#chemindefer a, #chemindefer a:visited {
color:#B1B8BE;
}

#chemindefer a:hover {
color:#B7C822;
}

/***** FIN CHEMIN DE FER ********/

#milieu {
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:-5px;
}

#milieu2 {
width:965px;
height:29px;
margin-left:auto;
margin-right:auto;
}

/******* MODELE CARROUSEL **********/

#contenu {
	width:965px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	text-align:left;
}

.carrousel400 {
background-image: url(imgs/colcarrousel400.jpg);
background-repeat: no-repeat;
}

#contenu a, #colmilieu a, #colgauche a {
font-weight:bold;
}

#contenu a:hover, #contenuniv1part1 a:hover, #coldroite a:hover {
color:#B7C822;
}

#contenu h1 {
height:36px;
line-height:36px;
border-bottom: #C9DB29 solid 1px ;
margin-bottom:20px;
margin-left:150px;
width:670px;
}

#contenu h2 {
width:620px;
line-height:18px;
margin-bottom:20px;
margin-left:150px;
}

#contenu li {
font-size:12px;
color:#6A737D;
color:#59626A;
margin-left:167px;
margin-right:130px;
list-style-image: url(imgs/triplepuce.jpg);
}


#contenu p.txtsurfeuille {
margin-bottom:30px;
}

#contenu p {
margin-left:150px;
width:680px;
color:#636C76;
font-size:12px;
line-height:18px;
margin-bottom:20px;
}

img.telecharger {
float:left;
margin-right:12px;
margin-left:80px;
}

img.retour {
float:right;
margin-top:-57px; 
margin-right:30px; 
position:relative;
}
img.retour2 {
float:right;
margin-top:-57px; 
margin-right:145px; 
position:relative;
}



/******* MODELE 1 COLONNES ********/

.milieu400 {
background-image: url(imgs/colmilieu400.jpg);
background-repeat: no-repeat;
}

#colmilieu {
width:965px;
margin-left:auto;
margin-right:auto;
height:100%;
text-align:left;
}

#colmilieu h1 {
position:relative;
height:36px;
line-height:36px;
border-bottom: #C9DB29 solid 1px ;
margin-bottom:20px;
margin-left:150px;
width:670px;
}

#colmilieu h2 {
position:relative;
width:670px;
line-height:18px;
margin-bottom:20px;
margin-left:150px;
}

#colmilieu p {
margin-left:150px;
width:640px;
color:#59626A;
font-size:12px;
line-height:18px;
margin-bottom:20px;
}

#colmilieu li {
font-size:12px;
color:#59626A;
margin-left:80px;
margin-right:160px;
}

.normal {
color:#75808A;
font-size:12px;
}

#colmilieu li {
margin-top:5px;
margin-left:150px;
list-style-type: none;
font-size:13px;
}

#colmilieu table {
margin-bottom : 20px;
margin-left:150px;
}

#content table {
margin-bottom : 20px;
margin-left:150px;
}

#colmilieu table p {
margin-left:0px;
width:330px;
}

#colmilieu .edito a {
font-weight:normal;
color:#AAAAAA;
}

/****** FIN MODELE 1 COLONNES ******/

/***** MODELE 2 COLONNES ******/

#contenu2col {
	width:965px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/*** SPECIAL IE6 ***/
* html #contenu2col {
margin-left:20px;
}
/** FIN SPECIAL IE6 ***/


/*** COLONNE GAUCHE ****/

#colgauche {
width:623px;
float:left;
margin-left:20px;
}

/*** SPECIAL IE6 ***/
* html #colgauche {
margin-left:0px;
}
/** FIN SPECIAL IE6 ***/

.gauche400 {
background-image: url(imgs/colgauche400.jpg);
background-repeat: no-repeat;
}

#colgauche p {
margin-left:40px;
margin-right:45px;
width:528px;
color:#59626A;
font-size:12px;
line-height:18px;
margin-bottom:20px;
margin-top:20px;
}

#colgauche h1 {
padding:0px;
position:relative;
height:36px;
line-height:36px;
border-bottom: #C9DB29 solid 1px ;
margin-bottom:20px;
margin-left:40px;
margin-right:30px;
}

#colgauche h2 {
margin-left:40px;
margin-right:45px;
line-height:18px;
margin-top:22px;
margin-bottom:22px;
}

#colgauche li {
	font-size:12px;
	color:#59626A;
	margin-left:80px;
	margin-right:80px;
	list-style-image: url(imgs/triplepuce.jpg);
	margin-top: 3px;
}

#colgauche #lipartie1,  #colgauche #lipartie2, #colgauche #lipartie3 {
font-size:14px;
font-weight:bold;
margin-left:50px;
margin-right:80px;
margin-top: 10px;
list-style-image: url(imgs/fleche-out.jpg);
cursor:pointer;
margin-bottom:30px;
text-decoration:underline;
color:#000000;
}

#formcontact {
	margin-left:25px;
	width:570px;
	height:500px;
	background-image: url(imgs/fond-form.jpg);
	background-repeat: no-repeat;
}

.saisie1 {
background: url(imgs/fond-input.jpg) no-repeat;
width:200px;
height:17px;
line-height:17px;
border:none;
color:#8D979F;
font-size:11px;
float:left;
vertical-align:middle;
text-indent:7px;
}

.saisie2 {
background: url(imgs/fond-area.jpg) no-repeat;
width:240px;
height:100px;
line-height:17px;
border:none;
color:#8D979F;
font-size:11px;
float:left;
vertical-align:middle;
padding-left:7px;
padding-top:3px;
overflow:auto; 
}

.saisie3 {
visibility:hidden;
}

#captchaform {
position:absolute;
margin-left:30px;
top:470px;
width:400px
}

/*
#CaptchaBox {
margin-left:10px;
}
*/
 
* html #conteneur #contenu2col #colgauche form #captchaform { margin-left:-10px; }
* html #conteneur #contenu2col #colgauche form #captchaform { top:465px; }
* html #conteneur #contenu2col #colgauche form p #CaptchaBox { margin-left:-40px; }

.normalblanc {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

.edito {
font-weight:bold;
}

/*** FIN COLONNE GAUCHE ****/

/*** COLONNE DROITE ******/

#coldroite {
width:318px;
float:left;
}

.droite400 {
background-image: url(imgs/coldroite400.jpg);
background-repeat: no-repeat;
}

#coldroite a {
font-weight:bold;
}

#coldroite p {
margin-left:40px;
margin-right:40px;
margin-bottom:20px;
margin-top:4px;
color:#59626A;
font-size:12px;
line-height:18px;
}

#coldroite p.surfeuillehaut {
margin-left:20px;
margin-right:0px;
margin-bottom:20px;
}

#coldroite p.menudroite {
font-weight:bold;
margin-left:40px;
margin-right:30px;
margin-bottom:20px;
padding-bottom:15px;
width:223px;
color:#B7C822;
font-size:12px;
line-height:18px;
border-bottom: #C9DB29 solid 1px ;
}

#coldroite p.menudroite a {
color:#59626A;
}
#coldroite p.menudroite a:hover {
color:#B7C822;
}

#coldroite li {
	font-size:12px;
	color:#59626A;
	margin-left:60px;
	margin-right:20px;
	margin-top:3px;
	list-style-image: url(imgs/triplepuce.jpg);
}

#coldroite ul {
margin-bottom:20px;
}

#coldroite .flashmenu {
margin-left:45px;
}

#coldroite .vert {
background-color:#C9DB29;
padding:5px;
color:#FFFFFF;
font-weight:bold;
margin-left:30px;
margin-right:40px;
margin-bottom:15px;
font-size:13px;
}

#illustration {
	width:163px;
	height:98px;
	float:left;
	text-align: center;
	margin-left:20px;
}

/*** SPECIAL IE6 ***/
* html #illustration { margin-left:5px; }
/** FIN SPECIAL IE6 ***/

#coldroite .telephone {
font-size:20px;
}

#colmilieu .telephone {
font-size:20px;
}


#coldroite .under {
font-weight:bold;
color:#B7C822;
}

/*** FIN COLONNE DROITE ******/

/***** FIN MODELE 2 COLONNES ******/

/*** BAS DE PAGE ******/

#filinfo {
width:965px;
height:36px;
margin-top:5px;
clear:left;}

#footer1 {
float:left;
}
#piedpage {
background:url(imgs/footer2.jpg) no-repeat;
width:965px;
height:38px;
float:left;
padding-top:24px;
}

/********* FIN BAS DE PAGE *******/


.logo {
margin-left:20px;
margin-top:10px;
}
.signature {
margin:0px;
padding:0px;
letter-spacing:0px;
font-size: 10px;
color:#6A737D;
float:left;
width:275px;
}


/*------------MENTIONS BAS DE PAGE----------------*/
#mentionsbas {
padding-top:9px;
font-size: 10px;
color:#999DA7;
}

p#mentionsbas a#last {
border:none;
float:left;
display:inline;
height:10px;
}
/*------------SITES BAS DE PAGE----------------*/
ul#piedsites {
margin-left:61px;
margin-right:0px;
padding-top:0px;
float:left;
list-style: none ;
display:inline;
}
ul#piedsites li {
display:inline;
}

* html ul#piedsites {
margin-left:61px;
}

/* --------  EXTELIA-QUELQUES MOTS SUR ... OnSite -------------  */

div#colgauche.gauche400 p .qquesmots a {
font-weight: lighter;
color:#59626A;
}
div#colgauche.gauche400 p .qquesmots a:hover {
font-weight: lighter;
color: #636C76;
/* text-decoration: underline; */
}

div#colgauche.gauche400 li .qquesmots a {
	font-weight: lighter;
	color:#59626A;

}
div#colgauche.gauche400 li .qquesmots a:hover {
font-weight: lighter;
color:#636C76;
/*text-decoration: underline;
cursor:text*/
}
.sommaire {
	font-size: 14px;
	font-weight: bold;
	color: #B8CB24;
}.encadre {
	background-color: #CACACA;
	padding: 5px;
}

/* --------  SUPPLEMENTAIRES : TEXTES ET ALIGNEMENTS -------------  */

.plannewsletter {
margin-left:11px;
margin-top:2px;
display:block;
line-height:16px;
}


#prenom, #nom, #tel, #societe, #mail {
background: url(imgs/fond-input.jpg) no-repeat;
width:200px;
height:17px;
line-height:17px;
border:none;
color:#8D979F;
font-size:11px;
float:left;
vertical-align:middle;
text-indent:7px;
}

.gris {
background-image:url(imgs/under-drh.gif);
padding:3px;
}

/*** SPECIAL IE6 ***/
* html .gris { padding:0px; }
/** FIN SPECIAL IE6 ***/

#plan a {
font-weight:normal;
}