body {
	margin: 0;
	padding: 0;
	background: #fddba2  url(../images/back.jpg) repeat-y center;
	font: 12px Arial, Helvetica, sans-serif;
}
table {
	font: 12px Arial, Helvetica, sans-serif;
	color:#333
}

.page {
	margin: 0 auto;
	width: 919px;
	background-color:#ffecce ;
}
.h_header {
	width: 919px;
	height: 5px;
	background: #fddba2 url(../images/test-2_02.jpg) no-repeat;
}
.h_header div {
	color: #fddba2 ;
}
.h_header div#header_message {
	float: left;
	width: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}
.h_header div#header_nb_message {
	float: left;
	width: 200px;
	padding: 9px 0;
}
.h_header div#header_nb_message a {
	color:#FFF
}
.h_header div#header_texte {
	float: left;
	width: 660px;
	text-align: right;
	padding: 4px 0;
}
.h_header div#header_texte a {
	color: #fddba2 ;
}
.h_header table, a {
	color: #fddba2 ;
}
.inp_head {
	border: #999 solid 1px;
	width: 100px;
	padding: 2px;
	height: 15px;
	font: 12px Arial, Helvetica, sans-serif;
}
.bnt_header {
	border: #999 solid 1px;
	width: 25px;
	height: 21px;
	background: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}
.header {
	width: 919px;
	height: 127px;
	position: relative;
	background: #ffecce  url(../images/header.jpg) no-repeat center;
}
.s_header_accueil {
	margin-top:10px;
	width: 919px;
	height: 33px;
	background-color:#ffecce ;
	a
}
.b_header {
	width: 919px;
	height: 15px;
	background: #ffecce;
}
.b_header div {
	color:#000;
	padding-left: 5px;
	padding-top:5px;
}
.b_header div a {
	color: #000;
}
.footer {

	widows: 919px;
	height: 90px;
	clear: both;
	background: #ffecce;
}
.footer2 {
	margin-left:10px;
	margin-top:15px;
	width: 899px;
	text-align:center;

}
.footer div{
	color: #FFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 9px;
}
.footer div a {
	color: #000;
}
.footer div a:hover {
	color: #F00;
	text-decoration: underline;
}
.main {
	width: 899px;
	min-height: 600px;
	height:600px;
	clear: both;
	float: center;
	margin-top:5px;
	background: #ffecce;
	}
.class_title {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin-left: 8px;
	margin-top: 6px;
	font-family:Verdana, Geneva, sans-serif
}
.class_title_img {
	float: left;
	margin-left: 9px;
	margin-top: 2px;
}
.main_bloc {
	border-left: #bcbcbc solid 1px;
	border-right: #bcbcbc solid 1px;
	border-bottom: #bcbcbc solid 1px;
	width: 500px;
	background: #f5f2f9;
}
.main_bloc_main {

	width: 695px;
	height:30px;
	float: center;
	background: #ffecce;
}

.main_bloc div {
	padding: 5px;
}
.main_bloc div ul, .main_bloc_main div ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main_bloc li:first-letter, .main_bloc_main li:first-letter {
	color: #F8BE2A;
}
.menu {
	width: 207px;
	float: left;
}
.centre {
		float: center;
	width: 700px;
	height:100px;
	}
p {
	margin: 4px 0;
	padding: 4px 0;
	color:#000;
	text-align: center;
}
.keyword {
	font-size: 10px;
}

div#date {
	position: absolute;
	width: 184px;
	height: 21px;
	left: 730px;
	top: 4px;
	color: #FFF;
	text-align: right;
}
.logo_header {
	position: absolute;
	width: 260px;
	height: 120px;
}
.accueil_texte p
 {	color: #000;

 }
.accueil_texte
 {
	position: absolute;
	margin-top:60px;
	margin-left:35px;
	width: 870px;
	height: 230px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 15px;
	line-height:16pt;
 }
 .actualite_bloctexte{
	position: absolute;
	margin-top:20px;
	margin-left:35px;
	width: 870px;
	height: 400px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 15px;
	line-height:16pt;
	font-size:0.9em;

 }
.p_accueil
{
	line-height:23px;
	list-style-image:url(../images/arrow.png);

}

.index_texte
 {
	position: absolute;
	margin-top:6px;
	margin-left:25px;
	width: 870px;
	height: 230px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 14px;
	line-height:16pt;
 }
.entete_formulaire
{
	position: absolute;
	margin-top:5px;
	margin-left:25px;
	width: 870px;
	height: 48px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 15px;
	line-height:16pt;

}
 .accueil_formulaire
 {
	position: absolute;
	margin-top:5px;
	margin-left: 260px;
	width: 300px;
	height: 489px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 15px;
	line-height:16pt;
	top: 262px;
	left: 120px;
 }
 .formulaire_contact{
	position:absolute;
	margin-top:80px;
	margin-left:253px;
	width: 400px;
	clear:both;
	overflow:hidden
 }
  .accueil_erreur
 {
	position: absolute;
	margin-top:20px;
	margin-left:35px;
	width: 300px;
	height: 230px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 15px;
	line-height:16pt;
 }
 .contact_merci_texte
 {
 font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 15px;
	margin-top:10px;
	text-align:center;
 }
.accueil_bouton:hover {
	color:#f49530;
	text-decoration:underline;
	z-index:1;
}
.accueil_bouton {
	position: absolute;
	width: 231px;
	height: 33px;
}
.accueil_offre {
	margin-left:231px;
	position: absolute;
	width: 229px;
	height: 33px;
}
.accueil_actualite {
	margin-left:460px;
	position: absolute;
	width: 228px;
	height: 33px;
}
.accueil_contact {
	margin-left:690px;
	position: absolute;
	width: 229px;
	height: 33px;
}
.logo_header a {
	display: block;
	height: 120px;
}
form {
	margin: 0;
	padding: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color:#f49530;
	text-decoration:underline;
}
.charge_reseau {
	float: left;
	width: 150px;
	text-align: right;
	margin-top: 4px;
}
.lien_retour {
	margin-top:1px;
	float: left;
	width: 750px;
}
div#iemessage {
	margin: 1px auto;
	width: 880px;
	background: #C00 url(/images/bg_iemessage.gif) no-repeat top right;
	color: #FFF;
	text-align: left;
	filter: alpha(opacity=70);
}
#iemessage p {
	margin: 0;
	font-size: 85%;
	padding: .5em;
}
#iemessage img {
	float: right;
	padding: .5em;
}
#iemessage a {
	color: White;
	text-decoration: underline;
}
#iemessage a:hover {
	color: #FFD700;
}
.tool-tip {
	color: #fff;
	width: 170px;
	z-index: 13000;
}
.tool-title {
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/images/bubble.png) top left;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.tool-text {
	padding: 4px 8px 8px;
	background: url(/images/bubble.png) bottom right;
	font: 11px Arial, Helvetica, sans-serif;
}
.grand_classique-tip {
	color: #fff;
	width: 250px;
	z-index: 13000;
}
.grand_classique-title {
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/images/bubble-grand.png) top left;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.grand_classique-text {
	padding: 4px 8px 8px;
	background: url(/images/bubble-grand.png) bottom right;
	font: 11px Arial, Helvetica, sans-serif;
}
.custom-tip {
	color: #000;
	z-index: 13000;
}
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
}
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}
.grand-tip {
	color: #000;
	z-index: 13000;
	padding-top: 10px;
}
.grand-title {
	font-weight: bold;
	font-size: 1px;
	margin: 0;
	color: #000;
	padding: 0;
}
.grand-text {
	font-size: 11px;
}
.box_orange {
	border: #dec741 solid 1px;
	text-align: left;
	padding: 5px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #fffbec;
	font: 12px Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-bottom:5px
}
.box_rouge {
	border: #f00 solid 1px;
	text-align: left;
	padding: 12px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #fcc;
	font: 12px Arial, Helvetica, sans-serif;
}
.box_vert {
	border: #12bc00 solid 1px;
	text-align: left;
	padding: 12px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #dbf7d8;
	font: 12px Arial, Helvetica, sans-serif;
}
.liste_options_service a {
	color: #1a51f4;
	text-decoration: underline;
}
.liste_options_service div#titre {
	padding-bottom: 2px;
}
.liste_options_service span#description {
	color: #414141;
	font: 10px Arial;
}
.liste_options_service a:hover {
	color: #F90;
}
.tbl_h1 {
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
}
.th1 {
	height: 25px;
	padding: 3px;
	font-weight: bold;
background-color:#dae1e7;
	border-right:#BBB9BA solid 1px;
	font-size:13px;
	color:#000000;
	border-bottom:#177bd3 solid 2px

}
.tdh1 {
	padding: 5px;
	border-bottom: #CCC solid 1px;
	border-right:#CCC solid 1px;

}
.tch1 {
	height: 20px;
	padding: 5px;
}
.class_formulaire_1 {
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
background:#dae1e7;
font-size:13px;
	height:25px;
	font-weight:bold;
	color:#000000;
	font-size:14px;
	border-bottom:#177bd3 solid 3px;
	text-transform:uppercase;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}

.class_formulaire_1 table {
font-size:12px
}

.class_formulaire_2 {
background-color:#f5f2f9; 
padding-left:5px; 
padding-right:5px; 
padding-top:5px; 
padding-bottom:2px; 
border-left:#CCCCCC solid 1px; 
border-right:#CCCCCC solid 1px;
}

.class_formulaire_3 {
background-color:#f2f5f8; 
padding:5px; 
border-left:#CCCCCC solid 1px; 
border-right:#CCCCCC solid 1px; 
border-bottom:#CCCCCC solid 1px;
}

.p_title {
	font-size:17px; color:#666; border-bottom:#CCC dotted 1px; width:100%
}
.p_title:first-letter {
	color:#F93
}
input, textarea, select {
	border: 1px solid #95b7d4;
	color: #333;
	padding: 1px;
	background: #F9F9F9;
	font: 12px Arial;
}
.pagination {
	padding: 1px;
	margin: 1px;
}
div.pagination {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	border: 1px solid #BBB9BA;
	color: #6B6260;
	margin: 1px;
	padding: 2px 5px;
	text-decoration: none;
	background: #f1F1F1;
}
div.pagination a:hover, active {
	border: 1px solid #BBB9BA;
	color: #fff;
	margin: 1px;
	padding: 2px 5px;
	background: #FB9900;
}
div.pagination span.courante {
	border: 1px solid #BBB9BA;
	color: #fff;
	font-weight: bold;
	margin: 1px;
	padding: 2px 5px;
	background: #FB9900;
}
div.pagination span.desactive {
	border: 1px solid #BBB9BA;
	color: #ddd;
	margin: 1px;
	padding: 2px 5px;
	background: #F1F1F1;
}
.textarea_codehtml {
  margin                 : 3px;
  padding                : 1px;
  border                 : 1px solid #ccc;
  border-left            : 3px solid #ccc;
}
legend {
	font-weight:bold;
	font-size:14px;
	color:#06C;
	letter-spacing:1px;
	margin-bottom:0px;
	padding-bottom:0px;

}
fieldset {
	border:#CCC solid 1px;
	background-color:#FFF;
	margin-top:5px

	
}
.texte_gris {
	color:#666666;
	font-size: 8pt;
}
.div_msg_error {
	font-size:12px; color:#F00; font-weight:bold; display:none; margin-top:3px
}

img {
	border:0px;
	text-align: center;
}
.p_souligne {
	font-size:14px;
	border-bottom:#177bd3 solid 2px;
}

.barre_title_sw div {
	margin-left:5px; margin-top:4px
}
.barre_serivces {
	width:905px; padding:7px; clear:both; background-color:#FFF; text-align:center; margin:0px auto 0 auto; float:left
}
/* Menu */

#menu, #menu ul /* Liste */ {
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */ {
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu a /* Contenu des listes */ {
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding: 6px 2px;
	color: #FFF;
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	line-height: 21px;
	width: 110px;
	font-weight: bold;
}
#menu li /* Elements des listes */ {
	float : left;/* pour ie qui ne reconnait pas "transparent" *//*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li {
	border-right: 1px solid transparent; /* on met une bordure transparante à droite de chaque élément */
}
#menu li ul /* Sous-listes */ {
	position: absolute; /* Position absolu */
	width: 110px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	text-align:left;
}
#menu li ul li /* Eléments de sous-listes */ {
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	text-align:left;
	border-left:#000106 solid 1px;
	border-right:#000106 solid 1px;
}
#menu li ul li a /* Eléments de sous-listes */ {
	text-align:left;
	padding:0 2px;
	font-weight:normal;
	background-color:#2f2f2f;
}
#menu li ul li a:hover /* Eléments de sous-listes */ {
	background-color:#757575;
}
/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li {
	/*border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
		border-bottom:#000106 solid 1px;
}
#menu li ul ul {
	margin : -22px 0 0 111px; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left : 1px solid #fff; /* Petite bordure à gauche pour ne pas coller ... */
}
/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul {
	border-left : 1px solid transparent; /* on met une bordure transparante sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */ {
	color: #FFFFFF; /* ... et au contraire, le fond en blanc */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ {
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	text-align:left;
	padding:1px 2px;
	font-weight:normal;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ {
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}
.page .b_header div strong {
	color: #F00;
}
.page .footer2 div p {
	color: #000;
}
.btn_rouge{
	position:absolute;
	margin-left:105px;
	margin-top:330px;
}
.btn_bleu{
	position:absolute;
	margin-left:400px;
	margin-top:330px;
}
.btn_vert{
	position:absolute;
margin-left:691px;
	margin-top:330px;
}
.mentions{
position: absolute;
	margin-top:5px;
	margin-left:35px;
	width: 680px;
	height: 480px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font: 15px;
	line-height:16pt;

}

.page .b_header .lien_retour strong {
	color: #000;
}
.page .b_header .lien_retour {
	color: #F00;
}
.page .b_header .lien_retour {
	color: #F00;
}
	/*body, td { font-family:Verdana, sans-serif; font-size:10pt; }*/
	.mail {
		width:800px;
		margin-left:50px;
		border:solid 1px #606060;
		background-color:#ffecce;
	}
	.mailheaders {
		border-bottom:solid 1px #404040;
		background-color: #fddba2;
		padding:0px 10px;
	}
	.headername {
		font-weight:bold;
	}
	.message {
		padding:0px 10px;
		font-family:"Courier New", courier;
	}
	.texte_merci{
			font-weight:bold;
			font-color:Red;

	}
.Style1 {
	color: #FF0000;
	font-weight: bold;
}
.form_essentielle_descr_base p{
	position:absolute;
	margin-top:165px;
	margin-left:50px;
	height:120px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height:1.2;
}
.form_essentielle_descr_base p b{
	font-weight:bold;
	font-size:13px;
}

.form_catalogue_descr_base p{
	position:absolute;
	margin-top:165px;
	margin-left:339px;
	height:129px;
	width:245px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color: #000;
	line-height:1.2;
}
.form_catalogue_descr_base p b{
	font-weight:bold;
	font-size:13px;
}

.form_essentielle_descr_titrebase p{
	position:absolute;
	margin-top:80px;
	margin-left:127px;
	height:70px;
	width:160px;
	border: 0 none;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-size-adjust:none;
	line-height:1.1;
	color: #00F;

	}
.titre_essentielle {
	text-align: center;
}
.page .main .form_essentielle_descr_titrebase{
	text-align: center;
}
.form_catalogue_descr_titrebase p{
	position:absolute;
	margin-top:80px;
	margin-left:418px;
	height:80px;
	width:165px;
	border: 0 none;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-size-adjust:none;
	line-height:1.1;
	color: #09F;

	
}

.page .main .form_catalogue_descr_titrebase {
	text-align: center;
	color:#000;
}

.form_liberte_descr_titrebase p{
	position:absolute;
	margin-top:80px;
	margin-left:710px;
	height:80px;
	width:160px;
	border: 0 none;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	font-size-adjust:none;
	line-height:1.25;
	color: #060;
}
.form_liberte_descr_base p{
	position:absolute;
	margin-top:165px;
	margin-left:630px;
	height:130px;
	width:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height:1.2;
}
.form_liberte_descr_base p b{
	font-weight:bold;
	font-size:13px;
}
.form_liberte_descr_base p b2{
	font-weight:bold;
	font-size:12px;
}
/*******************/
.actualite_bloctexte_Titre{
	font-weight:bold;
	font-size:15px;
	text-align:center;
	color:#333;
	text-decoration:underline

}
.actualite_bloctexte_SousTitre{
	font-weight:bold;
	font-size:12px;
	text-align:left;
	text-decoration:underline
}
.actualite_bloctexte ul li { 
	font-size:12px;
	text-align:left;
	list-style:none;
	list-style-image:url(../images/arrow.png);
	outline-color:#000;
	}
	
	
	/* Pages description */
	
	
.description_offre_essentielle_fond
{
	position:absolute;
	width:500px;
	height:700px;
	background-image:url(../images/form_essentielle_fond_page.jpg);
	background-repeat:no-repeat;
}
.description_offre_essentielle_texte
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:680px;
	width:415px;
	margin-top:85px;
	margin-left:45px;
}
.description_offre_essentielle_texte_supertitre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#F00;
	font-weight:bold;
		line-height:1.2;
}
.description_PS
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

.description_offre_essentielle_texte_titre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
			line-height:1.5;

}
.description_offre_essentielle_texte_titre2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
.description_offre_essentielle_texte_standard
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;

}
.description_offre_essentielle_texte_titre ul li{
	list-style:none;
	list-style-image:url(../images/li.gif);
	font-size:18px;
}
.description_offre_catalogue_fond
{
	position:absolute;
	width:500px;
	height:700px;
	background-image:url(../images/form_catalogue_fond_page.jpg);
	background-repeat:no-repeat;
	
}
.description_offre_liberte_fond
{
	position:absolute;
	width:500px;
	height:700px;
	background-image:url(../images/form_liberte_fond_page.jpg);
	background-repeat:no-repeat;
	
}
.bouton_devis{
position:absolute;
margin-top:-160px;
margin-left:50px;
width:204px;
height:117px;

}

.bouton_fermer{
position:absolute;
margin-left:145px;
margin-top:20px;
width:119px;
height:66px;
}

.pub_flash{
	position:absolute;
	margin-top:70px;
	margin-left:300px;
	width: 500px;
	height:405px;
	clear:both;
	overflow:hidden;
}