@charset "utf-8";
/* CSS Document */

body { margin:0;	padding:0;	background: #bdbdbd url(../images/background.gif) top repeat-x;	font-family:Arial, Helvetica, sans-serif; }
.header{ text-align:center;	margin:0 auto 0 auto; padding:0; height:82px; }
h1 {	position: absolute;	margin:0 0 0 25px; padding:0px; line-height: 1px;	font-size: 1px; color:white;}
h2 { font-size:24px; color:#6c6c6c; margin:0 0 10px 0; padding:0; }
h3 { font-size:12px; font-weight:bold; color:#C00; }
h4 {font-size:12px; font-weight:bold; color:#6c6c6c; font-style:italic; margin:0 0 15px 0; }
em { color: #C00; font-weight:bold; font-style:normal; }
.logo { }
.logo img{	border:0; margin:0; padding:0;}

.separation{ clear:both; visibility:hidden; margin:0; padding:0; }

#menu_btn {	width:774px;	height:51px;	margin:0 auto 0 auto;	padding:0;	text-align:center;	background-image:url(../images/background_menu_btn.gif);}
#menu_btn ul {	display:block;	height:36px;	margin:0 auto 0 auto;	padding:5px 0 0 110px;	list-style:none;	text-align:center;}
#menu_btn ul li {	width:auto;	float:left;	margin:0;	padding:0;	font-size:11px;	text-transform:uppercase;}
#menu_btn ul li a {	display:block;	text-decoration:none;	margin:0;	padding:12px 0 9px 0;}
#menu_btn ul li a:hover {	color:white;	background-position:0 -34px;}
#menu {	width:774px;	height:51px;	margin:0 auto 0 auto;	padding:0;	text-align:center;	background-image:url(../images/background_menu.gif);}

.accueil {	color:black;	width:92px;	background:url(../images/btn_accueil.gif) top left;}
.services {	color:black;	width:124px;	background:url(../images/btn_services.gif) top left;	}
.tarifs {	color:black;	width:84px;	background:url(../images/btn_tarifs.gif) top left;	}
.faq {	color:black;	width:70px;	background:url(../images/btn_faq.gif) top left;	}
.actu {	color:black;	width:104px;	background:url(../images/btn_contacts.gif) top left;	}
.contacts {	color:black;	width:104px;	background:url(../images/btn_contacts.gif) top left;	}
.on { color:white; background-position:0 -34px;}

#content {	width:764px;	min-height:180px;	margin:0 auto 0 auto;	padding:5px 10px 0 0;	background:url(../images/background_content.gif) top left no-repeat; line-height:16px;	}
#left{		 width:165px; float:left; margin:25px 10px 0 0; }
#center { float:left; width:583px; }
#center p { font-size:12px; margin:0 0 15px 0; }
#center p img { vertical-align:left; }
#center label { float:left; }
#loggin { margin:0 0 0 15px; }

#footer {	 width:774px;	height:32px;	margin:0 auto 0 auto;	padding:12px 0 0 0;	background:url(../images/footer.gif) top left;	}
#footer p { font-size:11px; color:#999; margin:0 0 0 185px; padding:0; }
#footer p a { color:#999; text-decoration:none; }
#footer p a:hover { color:#C00;}

#footerComplet { width:774px;	height:69px;	margin:0 auto 0 auto;	padding:0;	background:url(../images/footer_complet.gif) top left; text-align:center; }
#footerComplet p { font-size:11px; color:#999; margin:0 0 0 0; padding:13px 0 0 0; }
#footerComplet p a { color:#999; text-decoration:none; }
#footerComplet p a:hover { color:#C00;}

input.text { background: none transparent; border:0px; padding:2px 0 0 5px; }
input.radio { width:20px; border:1px solid green; }
.textarea { width:205px; height:50px; margin:2px 0 0 5px; border: 0px solid red; background: none transparent; }
label {		 display:block; width:125px; font-size:11px; margin:0 0 5px 3px; }
.formGauche{ height:21px; background:url(../images/form_droite.gif) top right no-repeat; width:131px; margin:0 0 10px 0; }
.formDroite{ height:21px; background:url(../images/form_gauche.gif) top left no-repeat; padding:0 0 0 5px; }
.formMoyenGauche{ height:21px; background:url(../images/form_droite.gif) top right no-repeat; width:220px; text-align:left; }
.formMoyenDroite{ height:21px; background:url(../images/form_gauche.gif) top left no-repeat; width:225px; margin:0 0 15px 0; padding:0 0 0 5px; float:left; text-align:left; }
.formDevisPetitGauche{ height:24px; background:url(../images/form_droite.gif) top right no-repeat; width:93%; text-align:left; }
.formDevisPetitDroite{ height:24px; background:url(../images/form_gauche.gif) top left no-repeat; width:95%; margin:0 0 0 3px; padding:0 0 0 5px; float:left; text-align:left; }

.formDevisGauche{ height:24px; background:url(../images/form_droite.gif) top right no-repeat; width:96%; text-align:left; }
.formDevisDroite{ height:24px; background:url(../images/form_gauche.gif) top left no-repeat; width:98%; margin:0 0 0 3px; padding:0 0 0 5px; float:left; text-align:left; }

.formLongGauche{ height:21px; background:url(../images/form_droite.gif) top right no-repeat; width:350px; }
.formLongDroite{ height:21px; background:url(../images/form_gauche.gif) top left no-repeat; width:355px; margin:0 0 15px 0; padding:0 0 0 5px; float:left; }

.formDenseGauche{ height:21px; background:url(../images/form_droite.gif) top right no-repeat; width:220px; }
.formDenseDroite{ height:21px; background:url(../images/form_gauche.gif) top left no-repeat; width:225px; margin:0 50px 5px 0; padding:0 0 0 5px; float:left; }
.textareaGauche{ height:57px; background:url(../images/textarea_droite.gif) top right no-repeat; width:220px; }
.textareaDroite{  height:57px; background:url(../images/textarea_gauche.gif) top left no-repeat; width:225px; margin:0 50px 5px 0; padding:0 0 0 5px; float:left; }

.btnLoggin { display:block; margin:10px 0 0 45px; }

#demandeInfo { margin:25px 0 0 15px; font-size:12px; }
#demandeInfo em { font-size:14px; font-style:normal; font-weight:bold; }
#liensCommerciaux { margin:40px 0 20px 15px; font-size:11px; line-height:16px; }
#liensCommerciaux a { color:#666; text-decoration:none; }
#liensCommerciaux a:hover { color:#C00; text-decoration:underline; }

.backgroundHome{ background:url(../images/visuel_home.jpg) top left no-repeat; }
.background1 { background:url(../images/background1.gif) top left no-repeat; }
.background2 { background:url(../images/background2.gif) top left no-repeat; }
.background3 { background:url(../images/background3.gif) top left no-repeat; }
.backgroundBravo { background: url(../images/visuel_bravo.jpg) top right no-repeat; }
.backgroundBravo p { width:250px; }
.backgroundBravo p em { color: #C00; font-weight:bold; font-style:normal; }


#home1Bloc{ margin:20px 0 100px 40px; }
#home2Bloc{ margin:20px 0 100px 240px; }
#home3Bloc{ margin:20px 0 100px 240px; }
#home4Bloc{ margin:20px 0 25px 240px; }
#essaiGratuit { display:block; width:245px; height:35px; background:url(../images/btn_rouge.gif) top left no-repeat; color:white; font-size:12px; margin:0; padding:8px 0 0 47px; font-weight:bold; text-decoration:none; }
#essaiGratuitLeft{ display:block; width:149px; height:34px; margin:0 0 0 15px; }
#btnAccueil{ display:block; width:100px; height:38px; text-decoration:none; color:black; font-size:12px; font-weight:bold; background:url(../images/btn_gris_fond_gris.gif) top left no-repeat; margin:80px 0 0 25px; padding:10px 0 0 35px; }
.titreRouge { font-size:24px; font-weight:bold; color:#C00; margin:0; padding:0; }
.p14{ font-size:14px; }
.p14 ul{list-style:square; font-size:12px;}
.p14 a { color:#666; }
.pItalique{ font-style:italic; }

#contentSteps { height:240px; }
#contentSteps label { display:block; float:left; text-align:right; margin:0 10px 0 0; width:200px; }
#contentSteps input {  }
.btnNextStep { margin:0 0 0 210px; }
.btnDiffusion { display:block; width:150px; margin:5px 0 0 0;}
.btnCommander { margin:0 0 0 120px; }
#step1gris { width:167px; height:71px; float:left; margin:0 15px 0 0; padding:30px 0 0 10px; font-size:12px; color:black; background:url(../images/btn_step1_gris.gif) top left no-repeat;}
#step2gris { width:167px; height:71px; float:left; margin:0 15px 0 0; padding:30px 0 0 10px; font-size:12px; color:black; background:url(../images/btn_step2_gris.gif) top left no-repeat;}
#step3gris { width:167px; height:71px; float:left; margin:0 0 0 0; padding:30px 0 0 10px; font-size:12px; color:black; background:url(../images/btn_step3_gris.gif) top left no-repeat;}
#step1rouge { width:167px; height:71px; float:left; margin:0 15px 0 0; padding:30px 0 0 10px; font-size:12px; color:white; background:url(../images/btn_step1_rouge.gif) top left no-repeat;}
#step2rouge { width:167px; height:71px; float:left; margin:0 15px 0 0; padding:30px 0 0 10px; font-size:12px; color:white; background:url(../images/btn_step2_rouge.gif) top left no-repeat;}
#step3rouge { width:167px; height:71px; float:left; margin:0 0 0 0; padding:30px 0 0 10px; font-size:12px; color:white; background:url(../images/btn_step3_rouge.gif) top left no-repeat;}

#accueilEnregistrez { width:247px; height:245px; margin:20px 10px 0 0; padding:40px 10px 0 20px; background:url(../images/visuel_accueil_enregistrez.jpg) top left no-repeat; font-size:12px; float:left;  }
#accueilDiffusez { width:247px; height:245px; margin:20px 15px 0 0; padding:40px 10px 0 20px; background:url(../images/visuel_accueil_diffusez.jpg) top left no-repeat; font-size:12px; float:left;  }

.creationCompte { margin:15px 0 0 0; }
.creationCompte label { width:200px; text-align:right; font-size:12px; float:left; margin:0 10px 0 0;  }
.radioInfo { width:250px; float:left; }
.radioInfo label { text-align:left; margin:0 0 5px 0; }
.sendForm { margin:10px 0 15px 200px; }
#selectCountry { width:225px; margin:0 0 15px 0; }
.infoForm{ font-size:12px; width:550px; float:left; margin:0 0 15px 0; padding:0 0 0 25px; color:#999; }

#leftMenu ul {  }
#leftMenu ul li a { text-decoration:none; font-size:12px; display:block; width:151px; margin:0 0 0 7px; padding:5px 0 0 10px; }
#leftMenu ul li a:hover { background-position:-161px 0; color:white;}

.menu01 { color:black; height:18px; background:url(../images/menu_01.gif) top left no-repeat; }
.menu02 { color:black; height:18px; background:url(../images/menu_02.gif) top left no-repeat; }
.menu03 { color:black; height:18px; background:url(../images/menu_03.gif) top left no-repeat; }
.menu04 { color:black; height:18px; background:url(../images/menu_04.gif) top left no-repeat; }
.menu05 { color:black; height:20px; background:url(../images/menu_05.gif) top left no-repeat; }
.menuOn { background-position:-161px 0; color:white; }

.action { width:90%; border:1px solid #9d9e9e; padding:10px 10px 0 10px; margin:0 0 15px 15px; text-align:center; font-size:12px;  }
.action label { width:auto; margin:0 5px 0 0 ; }
#actionImporter { width:150px; float:left; margin: 0 25px 0 80px; }
#actionCreer { width:150px; float:left; margin: 0 25px 0 20px; }
#info table{ width:94%; border:1px solid #9d9e9e; margin:0 0 15px 15px; }
#info table tr { border-bottom:1px solid  #9d9e9e; }
#info table tr td{ padding:5px; font-size:12px; border-bottom:1px solid  #9d9e9e; border-right:1px solid  #9d9e9e; }
.headerTable { background:url(../images/background_tableau.gif) top left repeat-x; height:18px; text-align:center; }
.headerTableHaut { background:url(../images/background_tableau_haut.gif) top left repeat-x; height:33px; text-align:center; }
.messageAction { border:1px solid #C00; padding:20px; text-align:center; font-size:14px; }
.appelezMoi { vertical-align:middle; }
.help { vertical-align:middle; margin:0 0 0 5px; }
#devis table{ width:94%; border:1px solid #9d9e9e; margin:0 0 15px 15px; }
#devis table tr { border-bottom:1px solid  #9d9e9e; }
#devis table tr td { font-size:12px; border-bottom:1px solid  #9d9e9e; border-right:1px solid  #9d9e9e; }
#devis table tr td  span{ display:block; padding:5px; }
#devis table tr td a{ padding:0px; text-decoration:none; background-color:#ebebeb; display:block; width:100%; height:20px; padding:5px 0 5px 0; color:black; }
#devis table tr td a:hover{ color:#FFF; background-color:#900; }