/* Menus */

.menu_gauche {

position:relative;

width:170px;

left:32px;

z-index:5;

}

.menu_haut {

position:relative;

top:74px;

z-index:5;

}



/* Contenu et éléments internes */

.contenu {

position:absolute;

width:960px;

height:517px;

top:102px;

left:50%;

margin-left:-474px;

text-align:center;

z-index:4;

}

.encadre_offres {

position:absolute;

top:445px;

left:50%;

width:350px;

height:75px;

margin-left:-235px;

z-index:5;

}

.propose {

position:relative;

top:5px;

left:50px;

}

.encadre_renseignements {

position:absolute;

top:445px;

left:50%;

width:215px;

height:100px;

line-height: 23px;

margin-left:211px;

background:url(images/encadre_tv.jpg);

z-index:5;

}

.info_renseignements {


font-family: Tahoma, Arial, Helvetica, sans-serif;

text-align:center;

font-size:12px;

color:#333333;

}

.tv {

	position:relative;

	top:30px;

	left:30px;

	margin:0px;

	padding:0px;

	height:0px;

	width:0px;

}



/* Toute la partie Background, comprenant l'image de fond générale centrée, ainsi que les deux images latérales en loop */

.background {

position:absolute;

width:100%;

height:517px;

top:102px;

left:0px;

margin:0;

padding:0;

z-index:2;

background:url(images/background.jpg) top no-repeat;

}

.left_loop {

position:absolute;

top:102px;

width:50%;

height:517px;

left:0px;

padding:0;

margin:0;

background:url(images/background_left_loop.gif) top repeat-x;

z-index:1;

}

.right_loop {

position:absolute;

top:102px;

width:50%;

height:517px;

left:50%;

padding:0;

margin:0;

background:url(images/background_right_loop.gif) top repeat-x;

z-index:1;

}



/* Tout le bas de la page (le footer animé en flash ainsi que les informations en bas) */

.flash_footer {

position:absolute;

top:558px;

width:100%;

height:60px;

left:0;

padding:0;

margin:0;

text-align:center;

z-index:5;

}

.infos_bas {

	position:absolute;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	text-align:right;

	font-size:11px;

	color:#333333;

	right:100px;

	top:623px;

	z-index:5;

}

.infos_bas_titres {

color:#787878;

}





/* Page Contact */

.contacts_noms {

font-family: Tahoma, Arial, Helvetica, sans-serif;

text-align:center;

font-size:13px;

color:#000000;

padding:0;

margin:0;

font-weight:900;

}

.contacts_infos {

font-family: Tahoma, Arial, Helvetica, sans-serif;

text-align:center;

font-size:12px;

color:#333333;

padding:0;

margin:0;

}

.contacts_titres {

font-family: Tahoma, Arial, Helvetica, sans-serif;

text-align:center;

font-size:12px;

color:#FFFFFF;

padding:0;

margin:0;

}



/* Définitions générale de balises (liens, tables, etc...) */

p {

	left:10px;

	right:10px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	text-align:justify;

	font-size:11px;

	color:#303030;

	margin:0px;

	padding:0px;

	line-height: 11px;

}

.savoirplus {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#009900;

	margin:0px;

	padding:0px;

}

.warning_font {

padding-left:150px;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

font:Arial, Helvetica, sans-serif;

color:#CC0000;

font-weight:bold; }



.warning_font2 {

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

font:Arial, Helvetica, sans-serif;

color:#CC0000;

font-weight:bold; }



.warning_tab {

	border: 1px dashed #003300;

}



h2 {

left:10px;

font-family: Tahoma, Arial, Helvetica, sans-serif;

text-align:justify;

font-size:12px;

color:#FFFFFF;

margin:0px;

margin-bottom:5px;

margin-top:15px;

padding:0px;

}

table {

 cellpadding:0;

 cellspacing:0;

}

a:link {

color:#009900;

}

a:visited {

color:#009900;

}

a:hover {

color:#00CC00;

}

img {

border:0;

}



/* Formulaire */

form {

margin:0px 20px;

}

textarea {

font-size:12px;

font-family:Tahoma, Arial, Helvetica, sans-serif;

color:#336600;

padding:1px 5px 1px 5px;

}

input {

	position:absolute;

	font-size:12px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	color:#336600;

	padding-right: 5px;

	padding-bottom: 1px;

	padding-left: 5px;

}

label {

font-size:12px;

color:#000000;

font-family:Tahoma, Arial, Helvetica, sans-serif;

}

.espacevertical {

	line-height:5px;

}

.erreur {

position:absolute;

width:200px;

font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:12px;

text-align:center;

padding:10px 20px;

color:#F00;

border:#C00 solid 2px;

background:#FFF;

margin-top:150px;

margin-left:50px;

}

.succes {

position:relative;

width:200px;

font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:12px;

text-align:center;

padding:10px 20px;

color:#00CC00;

border:#00CC00 solid 2px;

background:#FFF;

margin-top:70px;

margin-right:60px;

}

.question {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

}

.btn_radio {

position:relative;

padding:0;

margin:0;

}

.btn_offres {

position:relative;

padding:5px;

margin:0px;

}



/* references */

.references_scroll {

position:absolute;

overflow:auto;

height:450px;

width:460px;

scrollbar-face-color:#c4e179;

scrollbar-shadow-color: #228b22;

scrollbar-highlight-color: #e7f4aa;

scrollbar-3dlight-color: #8fbc8b;

scrollbar-darkshadow-color: #9cba59;

scrollbar-track-color: #b1d268;

scrollbar-arrow-color: #eee8aa;

}

.encadre_references {

position:relative;

width:425px;

height:90px;

background:url(references/encadre.gif);

margin:20px 0 0 0;

padding:0px;

}

.voir {

font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:12px;

text-align:right;

color:#FFFFFF;

margin:0px;

padding:0px;

line-height:0px;

}

.references_content {

color:#FFFFFF;

font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:11px;

text-align:justify;

padding:0;

margin:5px 15px 0 0;

}



h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	text-transform: uppercase;

	color: #FFFFFF;

	margin: 0px;

	padding: 0px;

}

.bouton_form {

	background-color: #DBEFD3;

	padding: 2px;

	margin-left: 0px;

	border: 1px solid #376B25;

}