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

body{ margin:0px; padding:0px; background-color:#adadac; font-family:Arial, Helvetica, sans-serif;  font-size:12px;}

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

.sp{ clear:both; margin:0; padding:0; font-size:0; height:0;}

/*----------------------HEADER-------------------------------*/
#header{ width:100%; height:150px; background:#333333 url(../img/design/degradeheader.png) repeat-x bottom; }

#headerleft{ height:150px; width:338px; float:left; }

#logo{ width:338px; height:129px; background:url(../img/design/logo.png) no-repeat; }

#logourl{ text-align:center; margin-top:-10px; color:white; font-weight:bold; letter-spacing:2px;}

#logourl a{ text-decoration: none; color:white; }

#headerright{ position:absolute; height:125px; width:700px; margin-left:350px; padding:5px; color:white; }

#cinq{ width:70px; overflow:hidden; font-size:130px; margin:0px 10px 0px 10px; float:left;}

#texteheader{ height:125px; text-align:justify; margin-left:100px; margin-top:10px; padding:10px; padding-bottom:0px; font-weight:bold; font-size:12px;}

#texteheader h3{ margin: 4px 0px 4px 0px; font-size:20px; }

#headerannonce{ color:red; background-image:url(../img/design/degradeannonce.png); height:23px; text-align:left; background-position:left bottom; background-repeat:no-repeat; margin:auto;	width:500px; padding:0px;}

#headerannoncecoindroit{ background:url(../img/design/degradeannoncedroit.png) no-repeat right top; height:23px; width:450px; padding:0px; text-align:center; }

#texteannonce{ padding-top:3px; padding-left:5px; font-size:14px;} 

/*---------------------MENU----------------------------------*/

#menu{ width:100%;
	height:28px; 
	background-image: url("../img/design/fondmenu.png"); 
	background-repeat: repeat-x;
	color:white;
	font-weight: bold;
	font-size:14px;
	padding-left: 0px;
}

#menu ul.niv1{ margin:0; padding:0; }

#menu ul.niv1 li{ display:inline; padding:0; margin:0; }

#menu ul.niv1 li a{ color:white; text-decoration: none; display:block; float:left; height:22px; padding-top:6px; background-image:url(../img/design/bordmenu.png); background-position:right; background-repeat:no-repeat; padding:6px 10px 0px 10px;}

#menu ul.niv1 li a:hover{ background-image:url(../img/design/fondmenuhover.png); background-repeat: repeat-x;; }

#menu ul.niv2{ 
	padding: 0;
	list-style: none;
	display: none;
	position:absolute;
}

/*---------------------CONTENU CENTRAL-----------------------*/
#contentBg{ 
	width:100%; 
	height:auto; 
	background-image: url(../img/design/fondcontent.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	background-color:#adadac;
}

#content{
	height:auto;
	margin:auto;
	padding:0;	
}
/* Design a 3 colonnes*********************************/
.d3col{ width:1200px;}
#colonne1{ float:left; width:360px; padding:15px; height:auto; }
#colonne2{ float:left; width:480px; height:auto; font-size:12px;}
#colonne2 h2{ text-align:center; }
#colonne3{ float:left; width:300px; height:auto; font-size:12px; padding:15px;}

/* Design a 2 colonnes********************************/
.d2col{ width:1024px; }
#colonne1small{ float:left; width:300px; height:auto; padding:15px; }
#colonne2large{ float:left; width:660px; height:auto; font-size:12px; padding:15px;}
#colonne2large h2{ text-align: center; }


/*---------------------FOOTER--------------------------------*/
#footer{ width:100%; height:150px; background-color:#333333; color:white; font-size:11px; }

#copyright{ float:right; padding:5px; }

.footerlinks{ padding:5px; float:left;}

.footerlinks a{ color:white; text-decoration:none; }

.footerlinks a:hover{ color:white; text-decoration:underline; }


/* Blocs ******************************/
.bloc{ height:auto; padding:0; margin-bottom:15px;}
.contentBloc{ padding:5px; text-align:justify; font-size:12px; position:relative;}
.contentBloc h4{ font-size:12px }
.bloc h1, .bloc h2, .bloc h3{ margin:auto; margin-bottom:0px; text-align:center; color:blue; }
.bckclair{ background-color: #ddd; }

.iconehome{ float:left; text-align:center; color:white; width:25%; height:auto; margin-top:10px;}
.iconehome a{ color:white; text-decoration:none; }
.iconehome a:hover{ font-weight:bold; }

.noMrgTop{ margin-top:-10px !important; }
/* Accordeon ******************************************/
.accordion{ width:95%; margin:auto; margin-top:15px; font-size:12px; background-color:#bbb; }
.accordion dt{  
	width:100%;
	height:20px;
	padding:0px; 
	margin-top:8px;
	cursor:pointer; 
	display:block; 
	background-image:url(../img/design/fondliste.gif); 
	background-repeat: repeat-x;
	background-position: 0px -40px;
}
.accordion dt .gchlist, .accordion dt .drtlist{ 
	height:20px;
	width:7px;
	background: url(../img/design/fondliste.gif) no-repeat; 
	font-size:0;
	xdisplay:inline;
}
.accordion dt .gchlist{ float:left; background-position: left 0px;}
.accordion dt .drtlist{ float:right; background-position: right -20px; }
.accordion a{ 
	display:block;
	padding-top:2px;
	color:#fff; 
	text-decoration: none; 
	font-weight:bold; 
}
.accordion dd{ padding:0px; margin:0px; }
.ctntacc{ padding:15px; }

/* Annuaire**********************************/

.blocannuaire ul{ width:100%; margin:0; padding:0; list-style-type: none; }

.blocannuaire ul li{ width:100%; padding:3px; }

.blocannuaire ul li a{ display:block; text-decoration: none; color:#000; font-weight: bold; border-bottom: 1px dashed #000;}

.blocannuaire ul li a:hover{ background-color:#999; color:#fff; }

/*-------------------Formaulaire de connexion--------------*/
#identification{ border:1px solid #fff; margin-bottom:15px; padding:5px;}
#identification legend{ color:#000000;}
#identification input#UserUsername,
#identification input#UserPassword
{ width:85px; }

/*--------------------Divers-------------------------------*/

img.middleimg{ vertical-align:text-bottom; }

.pointer{ cursor:pointer; }

.red{ color:red; }

.green{ color:green; }

.blue{ color:blue; }

.bloc .icone{ margin:5px; float:left; }

.centre{ display:block; margin:auto; }

.centerTxt{ text-align:center; }

.right{ float:right; }

.left{ float:left; }

.cache{ display:none; }

ul.info li{ margin-bottom:10px; }

.tags a{ text-decoration:none; }

.message{ background-color:#d0d4e5; margin:15px; padding:10px; font-weight: bold;}

.hidden{ display:none;}

.bold{ font-weight:bold; }

input[type=text], input[type=password], textarea{ border:1px solid #777777; }

/*-----------------Slider-------------------------------*/
#titreSlider{ 
	height:20px;
	width:300px;
	text-align: center;
	background: url(../img/design/bgSlide.jpg) repeat-x;
	font-weight: bold;
	color: #ffffff;
}

#slider{
	background-color: #ccc;
	padding: 5px;
	width: 300px;
	height: 100px;
	color: black;
}
.nav{ background-color:#888; width:294px; font-weight: bold; padding:3px;}
.jFlowNext{ float:right; width:50px; cursor:pointer; text-align:right;}
.jFlowPrev{ width:50px; cursor:pointer;}

div.sliderItem{ padding-right:5px;}
div.sliderItem a img{ vertical-align: middle; }

/*----------------Formualaire d'inscription---------------*/
.insc{ background-color:#bbbbbb; padding:5px; }
#AddUserForm table{ width:100%; }
#AddUserForm span#username_verif img,
#AddUserForm span#mdp_verif img,
#AddUserForm span#mail_verif img{
	vertical-align: middle;
}
.err_form{ color:red; }

#AddUserForm input{ width: 180px; }
#AddUserForm input#voie{ width:405px !important; }

#inscription_container img#loader{ display:block; margin:15px auto; text-align: center;}

/*----------------Formulaire login-------------------*/
#UserLoginForm input#UserUsername,
#UserLoginForm input#UserPassword
{ width: 80px; height:15px; }

#contentLogin{ padding:70px; }
#loginArea{ width:300px; margin:auto; margin-top:70px; margin-bottom:70px; padding:15px;}

/* Profil**************************/
.profilbg{ background:#ddd url(../img/design/user_bg.gif) no-repeat bottom right; }

/* Section devis **********************/

.presentationDemande{ width:500px; margin:10px auto; background:#666666; color:#ffffff; padding:10px; font-weight: bold; text-align: justify; }
.presentationDemande img{ margin:-2px 5px 0px 0px; }

.devis_info{ text-align: center; font-size: 14px; margin: auto; margin-bottom: 10px; }
.devis_info img{ margin-right:5px; }
#AddDemandeForm textarea#detail{ width:500px; height:300px; }
#AddDemandeForm input[type=text]{ width:500px; }

#AddDemandeForm label{ margin-top: 10px; font-weight:bold;} 

#AddDemandeForm input,
#AddDemandeForm label, 
#AddDemandeForm textarea{
	display:block;
}

#AddDemandeForm #infoDetail{
	background:#444444;
	color:#ffffff;
	padding: 5px;
	display:none;
	width:492px;
	margin:5px 0px 5px 0px;
}colonne2
#AddDemandeForm #infoDetail p{ margin:0; padding:0; }

#AddDemandeForm fieldset#addr{width:482px; margin-top:10px; color:#000000; position:relative;}
#AddDemandeForm fieldset#addr legend{ color:#000000; position:relative;}
#AddDemandeForm fieldset#addr input#voie{ width:400px; }
#AddDemandeForm fieldset#addr table input{ width:100px; margin-right:20px; }
#AddDemandeForm input[type=submit]{ margin:auto; margin-top:10px; }

/*Conditions generales*/
ol.cgu li{ margin-bottom: 5px; }
p.cgu{ 	
	background:#444444;
	color:#ffffff;
	padding: 5px;
	font-weight:bold; 
}

/**Liste demandes**/
.demande{ margin:10px 0px; }
.demande table{ font-size:12px; width:100%;}
.demande h4{ background:#888888; text-align:center; margin-bottom:10px; padding:3px;}
.demande h4 img{ margin-top:-2px; }
.demande .visuCol{ width:220px; text-align: center; }
.demande .titleCol{ width:150px; }
.demande .supprIcon{ margin-left:5px; }
select#changeCateg{ display:block; float:right; }

form#paypalForm{ margin:auto; text-align:center; }

/** Page contact **/
#contactForm input[type=text]{ width:500px; display:block; }
#contactForm textarea{ width:500px; height:300px; display:block; }
#contactForm label{ display:block;font-weight:bold; margin-top:10px; }
#contactForm input[type=submit]{ display:block; margin:auto; }
#contactForm input#capt{ display:inline; width:50px; }
#contactForm #captcha{ vertical-align:middle; }