body {
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:0;
background-color: #313B45;
color:#000;
}

textarea{
width:100%;
}
textarea, input{
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

}
#site_espace {
position:relative;
background-color: white;
height:100%;
width:990px;
margin:0 auto;
padding:0 ;
}


#header {
position:relative;
height:123px;
padding:0;
}
#logo {
position: absolute;
display:block;
top: 33px;
height: 90px;
width: 351px;
 }
#menu {
height:37px;
width:970px;
font-size:13px;
line-height:37px;
z-index:55;
margin:5px auto;
padding:0;
border-left: 1px solid #A9A9A9;
}
#menu ul,#menu ul li   {
margin:0;
padding:0;
}
#menu li a {
display:block;
float: left;
width: 155px;
text-align: left;
padding:0 0 0 5px;
color: #000;
border-right: 1px solid #A9A9A9;
text-transform: uppercase;
font-size:12px;
}
#menu li a:hover, #menu li a.menuactif {
background-position: 0 -37px;
color: #FFF;
}
img.pictomenu {
display: block; float: left; padding: 6px 2px 0 0px;}

/* ########################### Disposition des différentes mise en page */ 
#page,#pagetoutelargeur,  #pageaccueil {
min-height:1400px;
padding:0;
}

#page {
width:790px;
}

#pagetoutelargeur, #pageaccueil  {
width:970px;
margin-left:10px;
margin-right:10px;
}

div#hautpagedevis
{
width:970px;
margin: 10px;
height: 86px;
background:transparent url(/images/page-devis-123.jpg) no-repeat center 0;
}
div#hautpagedevis h1
{
font-size: 8px;
text-align: left;
padding: 75px 270px 0 180px;
color: grey;
}
/* ########################### Pied de page */ 
#footer {
clear: both;
width:990px;
font-size:10px;
text-align:center;
margin:20px 0 0 0;
padding:0px;
background-color: #313B45;
color:white;
}
#footer a {
color:white;
}
#lien_devis, #lien_partage, #mentions-legales {padding: 5px 10px;}
#lien_partage {margin: 0 auto;width: 100px;text-align: center;}

/* ########################### Elements de l'entete */ 


#connexion {
position:absolute;
height:33px;
line-height: 33px;
top:0;
right:0;
width:980px;
padding-right: 10px;
font-size:12px;
z-index:10;
margin:0 ;
background-color: #313B45;
color: #FFF;
font-weight: 700;
text-align:right;
}
form#Form_connexion {display:block;width: auto; float:right;}
#bandeau_deconnexion {
float:right;
margin-left: 20px;
}
.inp_connexion {
display:block;
font-size:12px;
height:17px;
float:left;
margin:4px 2px 0 1px;
}

div #connexion p a {
margin:0 0 0 5px;
}

.submit_connexion {
border:none;
width:146px;
height:30px;
text-align: center;
display:block;
float:left;
cursor:pointer;
color: #3B4753;
font-weight: 700;
}

form.connexion p label {
	display: block;
	width:100px;
	clear:left;
	float:left;
	text-align:right;
	margin-right:10px;
}

form.connexion p input {
	float:left;
	margin-bottom: 7px;
}

/* ########################### Menu principal */ 

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

#menu a {
display:block;
font-size:10px;
font-weight:700;
float:left;
text-align:center;
text-transform:capitalize;
text-decoration:none;
padding:0 10px;
}

#menu a:hover,#menu a.menuactif {

text-decoration: underline;
}
/* ########################### Page  d'accueil */ 


#page a {
cursor:pointer;
}
#page a:hover {
cursor:pointer;
}

#hautpage {
clear:both;
margin: 5px 0px;
padding:0;
}
 #side-bar-devis, #side-bar-texte {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px #888;
 -moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
}





#fil_ariane {
clear:both;
margin: 0px 0px 10px 10px;
padding:0;
}

/* ########################### mise en page page accueil */ 

#pageaccueil {
position:relative;
min-height: 490px;
margin:0 ;
padding:10px;;
}

#pageaccueil a {
text-decoration:none;
}
div #espace_particulier ul  {
margin-left: 30px;
margin-bottom: 5px;
}
div #espace_particulier ul li {
padding-left: 10px;
line-height: 25px;
font-size: 12px;
font-weight: 700;
text-align: left;
}
div #espace_particulier {width: 680px;
float: left;
clear: left;
}
div #espace_particulier h1, #page-gauche h1, div#hautpage h1 {
color: black;
line-height: 40px;
padding-left: 10px;
margin-bottom: 20px;
}
div #espace_particulier h2.boutonaccueil{
float: left;
height: 250px;
width: 200px;
padding:10px;
text-align: center;
}
div #espace_particulier h2.boutonaccueil span{
font-size: 11px;
font-weight: normal;}

#engagement
{
clear: both;
width: 680px;
margin-left: -10px;
padding: 0 19px 0 10px;
height: 185px;
background-image:url('/images/img-fond-engagement.jpg');
background-repeat: no-repeat;
background-position: bottom right;
}
#engagement h2,  #page-gauche h2{
color: black;
height: 30px;
padding-left: 10px;
line-height: 30px;
font-size: 16px;

}
#engagement h3, #page-gauche h3{
height: 20px;
padding-left: 10px;
line-height: 20px;
font-size: 14px;
margin:  10px 0 5px 0;
text-transform : uppercase;
}
div #espace_pro_accueil {width: 230px; height: 491px; text-align: left; padding: 10px 20px;
float: right;
clear:right;
background-image:url('/images/espace-pro.png');
background-repeat:no-repeat;
text-align: center;
}
div #espace_pro_accueil h1  {margin-bottom: 10px;

}

div #espace_pro_accueil ul  {
margin-left: 20px;
}
div #espace_pro_accueil ul li {
padding-left: 10px;
text-align: left;
}
div #espace_pro_accueil ul li a 
{font-size: 12px;
}
div #espace_pro_accueil ul li a:hover
{
text-decoration: underline;
}
.boutonaccueil:hover
{
text-decoration:none;
background-color: #EEE;

}
div #espace_pro_accueil #realisation_marque img {
position:absolute;
height: 0px;
}

div #espace_pro_accueil #nextprev {
display: none;
}

div #espace_pro_accueil #realisation_marque {
position:absolute;
}


div #espace_pro_accueil div#titre {
position:absolute;

}
div #espace_pro_accueil div.titreimage {
position:absolute;
width: 250px;
}
div #espace_pro_accueil div.titreimage  em{
display: block; padding:  5px; margin-left: 10px;text-align: left;
}
div #espace_pro_accueil div.titreimage  h4{
margin: 0; padding: 0;
}
/* ##################################################### */


.pictogauche {
  float:	left;
  margin: 2px 0 0 5px;
  padding-left: 40px;
  height: 39px;
  line-height: 39px;
}
#bar {
width:160px;
float:left;
}

#side-bar {
width:160px;
float:left;
}

#menu-gauche, #side-bar #menu_espace_pro{
	margin-top:20px;
}

#zone_contact, #menu-gauche, #side-bar #entete, #side-bar #menu_espace_pro{
	border:2px;
	border-color:#D8D6D6;
	border-style:solid;
}

#zone_contact p.center span, #side-bar #entete p.center span{
display:block;
}

#side-bar-devis {
width:auto;
margin-right:450px;
padding: 15px 10px;

}


#side-bar, #side-bar-texte {
padding:0;
}

#side-bar-texte {
width:370px;
text-align:justify;
padding:5px;
}

#side-bar-texte2 {
width:470px;
text-align:center;
padding:0;
}


#side-bar form,img,src {
border:none;
text-align:center;
}

#side-bar img{
width:150px;
}

.sideBarTitle {
display:block;
background-color:transparent;
background-repeat: no-repeat;
width:140px;
height:25px;
line-height:25px;
font-size:16px;
font-weight:700;
text-align:left;
padding-left:10px;
margin-left:3px;
margin-top:10px;
}


.sideBarSubTitle {
font-size:13px;
font-weight:700;
text-transform:uppercase;
border-bottom:2px solid #E1771E;
text-align:center;
}

#side-bar fieldset {
border:1px solid;
margin:5px;
padding:2px;
}

#side-bar ul {
list-style-type:none;
margin:0;
}

#side-bar li{
line-height:20px;
text-align:left;
font-weight:700;
margin-bottom:0;
border-bottom:1px solid #EEE;
padding:0;
}


#side-bar a {
display:block;
height:20px;
background:transparent url(/images/arrow.gif) no-repeat 5px center;
font-size:11px;
text-decoration:none;
font-weight:500;
margin:0;
padding:0 10px 0 20px;
}


#side-bar a:visited{
text-decoration:none;
color:#000;
}

#side-bar a.menugaucheactif , #side-bar a.menuproactif{
text-decoration:underline;
font-weight:bold;
}

#side-bar a:hover{
text-decoration:none;
background-image:none;
}

#side-bar a.envoyer_mail {
padding:8px 0 0 0;

text-align:center;
text-decoration:none;
background-image:none;
font-size:15px;
}

#side-bar a.envoyer_mail:hover , #side-bar #entete a.envoyer_mail:hover{
text-decoration:underline; 
}


#side-bar h3{
text-align:center;
font-size:20px;
}

#side-bar p.center{
text-align:center;
}

#side-bar #entete {
text-align:center;
}
#side-bar #entete a.envoyer_mail{
text-decoration:none;
background-image:none;
margin-bottom:15px;
}

#side-bar #entete img#photo_commercial{
max-width:60px;
max-height:75px;
}

/* Spécialement pout IE 6 (qui ne gère pas les max-height )*/
#side-bar #entete img#photo_commercial{
_width: expression((this.offsetWidth>=this.offsetHeight) ? 
      Math.min(parseInt(this.offsetWidth), 60 ) : true); 
_height: expression((this.offsetHeight>this.offsetWidth) ? 
      Math.min(parseInt(this.offsetHeight), 75 ) : true);
}

img#photo_commercial {
float:left;
margin-left:3px;
}

a#votre_compte{
display:block;
background-repeat: no-repeat;
height: 34px;
width: 150px;
border:none;
cursor : pointer; 
padding:0;
padding-left:2px;
}

#side-bar-inscription {
	width:160px;
	float:left;
	padding:0;
}

#side-bar-inscription form, #side-bar-inscription img, #side-bar-inscription src {
border:none;
text-align:center;
}

#ajoutchoix_fin_form, #asterisque_fin_form{
	font-style: italic;
	padding-top:10px;
	clear:both;
}

#main-copy p{
line-height:17px;
margin:10px 10px;
}

/* CSS pour pack (site, devis, annuaire, ...)*/
div.pack, div.pack_annexes, div.pack_devis{
position: relative;
margin-top:15px;
color:#000;
width:190px;
height:126px;
font-weight:700;
font-size:11px;
}

div.pack, div.pack_devis{
float:left;
margin-right:10px;
}

div.pack_annexes{
float:right;
margin-left:10px;
}


div.titre_pack {
position:absolute;
top:5px;
font-size:14px;
width:190px;
text-align:center;
}

div.pack_annexes div.titre_pack {
left:45px;
width:145px;
text-align:center;
}

div.titre_pack a{
color:#000;
text-decoration:none;
}

div.phrase_pack{
position:absolute;
top:35px;
width:190px;
text-align:center;
}

div.prix_pack {
position:absolute;
top:55px;
left:15px;
width:175px;
text-align:center;
}


div.prix_pack_annexes {
position:absolute;
top:55px;
width:190px;
text-align:center;
}

div.prix_pack_devis {
position:absolute;
top:75px;
width:190px;
text-align:center;
}


div.prix_pack  span.mots_couleur_pack, div.prix_pack_devis  span.mots_couleur_pack{
font-size:14px;	
}

div.prix_pack_annexes  span.mots_couleur_pack {
font-size:18px;	
}

div.prix_pack  span.gros_prix_pack, div.prix_pack_devis span.gros_prix_pack{
font-size:25px;	
}

div.prix_pack_annexes  span.gros_prix_pack{
font-size:34px;	
}

div.bouton_pack, div.bouton_sinscrire {
min-height:20px;
width:190px;
margin-top:-120px;
}


div.bouton_sinscrire {
padding-bottom:20px;
}


div.bouton_pack_bas {
margin-top:55px;
}

#page input.bouton_acheter, #pagetoutelargeur input.bouton_acheter, a.bouton_acheter {
display:inline;
border:none;
margin-left:30px;
background-color:#FFF;
font-weight:700;
cursor:pointer;
font-size:20px;
text-align:center;
text-decoration:none;
width:109px;
height:47px;
line-height:47px;
}

.bouton_acheter {
background: transparent url('/images/acheter.gif') no-repeat;
}

.bouton_acheter:hover {
background: transparent url('/images/acheter-hover.gif') no-repeat;
}
#page input.bouton_sinscrire, #pagetoutelargeur input.bouton_sinscrire, a.bouton_sinscrire {
display:block;
border:none;
margin-left:20px;
font-weight:700;
cursor:pointer;
font-size:20px;
text-align:center;
text-decoration:none;
padding-right:0;
width: 126px;
height: 37px;
line-height:37px;
}

#page input.bouton_sinscrire, #pagetoutelargeur input.bouton_sinscrire {
float:left;
}


/************************************************/
/* CSS pour mini pack (devis) */
div.mini_pack{
position: relative;
color:#000;
width:92px;
height:42px;
font-weight:700;
font-size:10px;
margin-right:10px;
}

div.titre_mini_pack {
position:absolute;
top:1px;
width:92px;
text-align:center;
}

div.prix_mini_pack {
position:absolute;
top:20px;
font-size:14px;
width:92px;
text-align:center;
}

#page input.mini_bouton_acheter, #pagetoutelargeur input.mini_bouton_acheter {
display:block;
border:none;
margin-left:20px;
background-color:#FFF;
cursor:pointer;
width:68px;
height:18px;
z-index: 99;
margin-right:0px;
margin-left:0px;
margin-top:-14px;
}


#main-copy p#text_achat_pack {
display:block;
float:left;
width:250px;
text-align:center;
font-weight:700;
padding-right:10px;
margin:0px;
}

/************************************************/

#main-copy p.detail-avantages-offre-site img, #main-copy .img_gauche, div.contenu_bilan_positif img.illustration , div.contenu_bilan_negatif  img.illustration{
float: left; 
margin-right: 6px;
}

#main-copy p.detail-avantages-offre-site img, div.contenu_bilan_positif img.illustration, div.contenu_bilan_negatif  img.illustration{
margin-bottom : 10px;
width:66px;
}

#main-copy img.espace_droit{
	margin-right:15px;
}


#main-copy p.detail-avantages-offre-site, div.contenu_bilan_positif, div.contenu_bilan_negatif{
	font-size:14px;
	min-height: 55px;
}

div.contenu_bilan_positif  p, div.contenu_bilan_negatif p{
padding-left:80px;
}

#main-copy img.img_droite{
clear:right;
float: right; 
}

#quitter_form{
text-align:right;
}


/* Pour IE */
#main-copy {
width:590px; /* Si diminué, fait planter les autres pages!! */
margin:0 0px 0 190px;
padding:0 5px 0 0;
}



/* Pour les autres navigateurs */
html>body #main-copy {
width:590px;
margin:0 0px 0 190px;
padding:0 5px 0 0;
} 


.tag {
font-weight:400;
line-height:25px;
text-decoration:none;
border-bottom:1px dotted #000;
}

.tag:hover {
border-width:3px;
}

div#main-copy h1{
	font-size: 16px;
	text-align:left;
	background-repeat: no-repeat;
	padding-left:15px;
	line-height:21px;
	height:26px;
	width:625px;
	margin-bottom:30px;
	margin-top: 25px;
}

div#main-copy h1#accueil_pro {
font-size: 24px;
text-align:center;
background : none;
margin-left:-30px;
}


div#main-copy h2{
display:block;
/*height:31px;*/
line-height:31px;
font-size:20px;
text-decoration:underline;
font-weight:700;
margin-bottom:10px;
margin-top:15px;
padding:0 20px 0 40px;
}

div#main-copy h2.petit{
font-size:16px;
}

div#main-copy h3 {
text-decoration:underline;
margin-bottom:10px;
}

div.personne {
display:block;
float:left;
width:290px;
height:100px;
margin-bottom:50px;
}

div.personne  img{
float:left; 
margin-right: 10px;
}

div.illustrations {
	height:250px;
}

div.illustrations  img{
	margin-left:50px;
}


#side-bar-devis p {
margin-bottom:20px;
}

#main-copy ul , #main-copy_droite ul,#side-bar-devis ul {
margin-left:20px;
list-style-position:inside;
}

#main-copy ul li ,  #main-copy_droite ul li, #side-bar-devis ul li{
padding:0 0 0 20px;
}

#main-copy ul li a:hover {
text-decoration:underline;
}

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

#image-gauche {
float:left;
padding:0 5px 0 0;
}

#image-droite {
float:right;
}


.h3like {
display:block;
background:url('/images/adunroll.gif') no-repeat;
background-position:left;
padding-left:12px;
font-weight:700;
font-size:14px;
margin:5px 0 2px;
}

#lst_artisan ul {
list-style-type:none;
}

#lst_artisan li {
border-bottom:1px dotted #EEE;
}

#tab_liste_articles {
border:1px solid #EEE;
text-align:center;
border-collapse:collapse;
margin:10px;
}

#tab_liste_articles th {
font-size:1em;
border-bottom:1px solid #000;
}

#tab_liste_articles td {
border:1px solid #EEE;
}

#footer a {
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#skydroit {
position:absolute;
top:250px;
right:10px;
width:160px;
z-index:10;
margin-top:20px;
}

#banniere {
background-color: #EEE;
width: 100%;
}

#large-banniere {
margin: 0 auto;
width: 728px;
}

.pubsite {
text-align:center;
width:160px;
margin:0;
padding:0;
}
/* #################### Gestion du diaporama de références clients ############################*/
div.blocreference {border: 1px solid #EEE; padding: 10px; float:left; margin: 10px;}

}
div.blocreference h3 {

}
div.blocreference  img { float:left; clear: left; margin: 0 10px 10px 0; height: 120px;
}


/* #################### Carte de France ############################*/
#carte_de_france {
height:480px;
width:438px;
}

#pub_carre_annuaire {
float:right;
margin-bottom:250px;
}

div,p,ul,h1,h2,h3,img {
margin:0;
padding:0;
}

th,td {
line-height:1.6em;
font-size:11px;
margin:0;
padding:0;
}

#main-copy tr.acheter_pack form {
margin-top: -12px;
}

form h4.separateur {
margin-top:20px;
margin-bottom:2px;
border-top:1px solid #E1771E;
font-size:16px;
font-variant:small-caps;
}

form h4.separateur_pointille {
margin-top:15px;
margin-bottom:2px;
border-top:1px dashed #E1771E;
font-size:14px;
font-variant:small-caps;
}

form h4.titre_champ {
margin-top:10px;
margin-left:15px;
margin-bottom:0px;
font-size:12px;
text-decoration: underline ;
}

form h4.separateur_sans_trait{
margin-top:15px;
margin-bottom:2px;
font-size:14px;
font-variant:small-caps;
}

#page input, #pagetoutelargeur input, #page textarea, #pagetoutelargeur textarea, #page select, #pagetoutelargeur select{

}


fieldset {
border:1px solid #6F6F6F;
color:#000;
margin:0 0 10px;
padding:5px 3px;
}

legend {
font-size:12px;
border:1px solid #6F6F6F;
margin:10px 0 5px;
padding:2px 10px;
}

tr.champobligatoire input,tr.champobligatoire textarea,tr.champobligatoire select {
border:2px solid #E1771E;
}

input.validerformulaire {
font-size:20px;
font-weight: 800;
border:none;
cursor:pointer;
padding: 5px 20px;
color: #FFF;
border: 1px solid #908F8F;
  background-color: #02B6EA;
   background: -webkit-gradient(linear, left top, left bottom, from(#02B6EA), to(#1086A7));
   background: -webkit-linear-gradient(top, #02B6EA, #1086A7);
   background: -moz-linear-gradient(top, #02B6EA, #1086A7);
   background: -ms-linear-gradient(top, #02B6EA, #1086A7);
   background: -o-linear-gradient(top, #02B6EA, #1086A7);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
}

input.validerformulaire:hover {
  background-color: #045971;
  background: -webkit-gradient(linear, left top, left bottom, from(#045971), to(#0F93A4));
   background: -webkit-linear-gradient(top, #045971, #0F93A4);
   background: -moz-linear-gradient(top, #045971, #0F93A4);
   background: -ms-linear-gradient(top, #045971, #0F93A4);
   background: -o-linear-gradient(top, #045971, #0F93A4);
}
#liste_ville {
border:1px solid #6F6F6F;
}

#liste_ville ul {
list-style:none;
cursor:pointer;
margin:0;
padding:0;
}

.selected {
}

.prix {
font-weight:700;
}

.grosprix {
font-weight:900;
font-size:24px;
line-height:30px;
text-align:center;
display:block;
width:100%;
}
.groschiffre {
font-weight:900;
font-size:26px;
line-height:30px;
text-align:center;
display:block;
width:100%;
}
a.sousmenuactif  span.groschiffre {
background: transparent url('/images/fleche-gauche.png') no-repeat;
padding-left: 0px;

}
input.bouton-demande,span.bouton-demande, #pagetoutelargeur input.bouton-demande, a.bouton-demande,#main-copy input.quitter_form  , #main-copy input.bouton-enregistrer, #main-copy a.bouton-enregistrer,  #side-bar a#votre-compte{
display:block;
background-color:#FFF;
font-size:14px;
font-weight:700;
padding-left: 15px;
text-align:left;
background-repeat: no-repeat;
height:38px;
line-height:36px;
text-decoration:none;
border:none;
cursor : pointer; 
}

input.bouton-demande, #pagetoutelargeur input.bouton-demande, a.bouton-demande,#main-copy input.quitter_form, #main-copy input.bouton-enregistrer, #main-copy a.bouton-enregistrer {
float:right;
width:254px;
}

#bloc_devis_fin a.bouton-demande{
margin-left:300px;
}

#main-copy input.quitter_form  {
margin-bottom:5px;
}

#main-copy input.bouton-enregistrer, #main-copy a.bouton-enregistrer{
width:204px;
}
#side-bar a#votre-compte{
width:130px;
}


.texte_agrandi{
font-size:14px;
font-weight:900;
}


.imagedroite2 ,.imagedroite,.imagegauche  {
float:right;
border-style:solid;
border-width: 1px;
margin:5px;
padding:5px;
}
.imagedroite, .imagedroite2 {
float:right;
float:right;
}

.flottantdroite {
float:right;
margin:0 0 0 5px;
}

.imagegauche {
float:left;
}

.flottantgauche {
float:left;
margin:0 5px 0 0;
}

.centrer_bloc {
margin:0 auto;
}

.picto-qualif {
float:left;
width:40px;
height:auto;
border-style:solid;
border-width: 1px;
margin:5px;
padding:3px;
}

.memo {
font-size:12px;
line-height: 20px;
font-weight:bold;
padding-left:40px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
margin-bottom:5px;
margin-top: 7px;
height:39px;
width:378px;
}

.memo_annuaire {

font-size:12px;
font-weight:bold;
height:41px;
padding-left:25px;
padding-top:15px;
width:405px;
}

.bouton_demande_devis {
font-size:16px;
height:40px;
padding-left:6px;
padding-top:9px;
width:270px;
}

.label_annuaire {
height:40px;
}

.cheminfer {
float:left;
position:relative;
top:0;
left:0;
}


.lieninterne {
color: inherit;
}
.lettrine-afaire,.lettrine-encours,.lettrine-fait {
display:block;
float:left;
height:27px;
width:45px;
color:#000;
font-size:12px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
margin:2px 0 0;
padding:0 0 2px 10px;
}

.inline {
display:inline;
}

.titreconseil {
display:block;
font-size:18px;
line-height:40px;
font-weight:700;
text-decoration:none;
padding:5px 0 0 50px;
}
.paveoffre1,.paveoffre2{float:left; height: 420px; width: 450px;margin: 20px;padding:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px #888;
 -moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;}
.paveoffre1{width: 220px;}
 .paveoffre1 h1,.paveoffre2 h1{text-align: center;margin-bottom: 10px;}
.paveoffre1 a, .paveoffre2 a{display: block; text-align: center;font-size: 14px; font-weight: 700; padding: 0 30px;}
.paveoffre1 ul,.paveoffre2 ul{margin-left:5px; padding:0; list-style-position: inside; line-height: 20px;}
.paveoffre1 li, .paveoffre2 li{margin-bottom:10px; }

table.beautableau tr td {
border-style: solid;
border-width: 1px;
text-align:center;
font-size:12px;
font-weight:lighter;
padding:3px;
}

table.beautableau {
border-collapse:collapse;
}

table.beautableau th {
border-style: solid;
border-width: 1px;
text-align:center;
font-size:12px;
font-weight:900;
border-collapse:collapse;
padding:3px;
}

#main_copy_droite {
width:430px;
float:right;
}
#sky-droite-formulaire {
float: right;
width: 300px;
text-align:left;
padding:20px;
margin-left: 20px;
}
#page-gauche{
max-width: 620px;
}
#sky-droite-formulaire ul , #forums ul,#page-gauche ul, .formulaire_devis_contenu  ul{
margin-left:10px;
line-height:22px;
}

#sky-droite-formulaire h1 {
font-size:20px;
margin-bottom:25px;
}

#sky-droite-formulaire h2 {
font-size:13px;
font-weight:700;
line-height:22px;
text-transform:uppercase;
margin-bottom:10px;
}

#sky-droite-formulaire p {
line-height:20px;
font-size:12px;
text-align:justify;
padding:0 3%;
}


#recherche {
position:absolute;
right:100px;
top:80px;
width: auto;
z-index:60;
margin:0;
padding: 0;
}

#recherche label {
display: none;
}

#recherche input
{
display:block;
float: left;
font-size: 14px;
line-height: 23px;
height: 23px;
margin:0;
font-weight: 700;
border-color: #BDBDBD;
border-radius: 5px;
}
#recherche input.submit_rechercher {
display:block;
float: left;
border:none;
width:70px;
height:28px;
line-height: 28px;
cursor:pointer;
text-transform: uppercase;
padding:0;
margin-left: 2px;
font-size: 11px;
font-weight: 700;
color: #FFF;
border: 1px solid #908F8F;
  background-color: #02B6EA;
   background: -webkit-gradient(linear, left top, left bottom, from(#02B6EA), to(#1086A7));
   background: -webkit-linear-gradient(top, #02B6EA, #1086A7);
   background: -moz-linear-gradient(top, #02B6EA, #1086A7);
   background: -ms-linear-gradient(top, #02B6EA, #1086A7);
   background: -o-linear-gradient(top, #02B6EA, #1086A7);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
}
#recherche input.submit_rechercher:hover {
  background-color: #045971;
  background: -webkit-gradient(linear, left top, left bottom, from(#045971), to(#0F93A4));
   background: -webkit-linear-gradient(top, #045971, #0F93A4);
   background: -moz-linear-gradient(top, #045971, #0F93A4);
   background: -ms-linear-gradient(top, #045971, #0F93A4);
   background: -o-linear-gradient(top, #045971, #0F93A4);

}

div.pagination {
font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:3px 0;
padding:3px 0;
}

div.pagination a {
border-style: solid;
border-width: 1px;
font-weight:700;
text-decoration:none;
display:inline;
margin:1px;
padding:2px 5px;
}

div.pagination a:hover,active {
border-style: solid;
border-width: 1px;
margin:1px;
padding:2px 5px;
}

div.pagination span.courante {
border-style: solid;
border-width: 1px;
font-weight:700;
margin:1px;
padding:2px 5px;
}

div.pagination span.desactive {
border-style: solid;
border-width: 1px;
margin:1px;
padding:2px 5px;
}

/* ##### Forums ##### */

#forums label {
display:block;
}

#forums label span {
float:left;
width:150px;
}

#forums table {
border-collapse:collapse;
width:95%;
margin:5px;
}

#forums table th,#forums table td {
padding:2px 5px;
}


#forums table td {
vertical-align:top;
}


.forum_erreur {
border-style:solid;
border-width: 1px;
line-height:22px;
text-align:center;
font-weight:700;
padding:10px;
}


#navigation_forums {
border-style:solid;
border-width: 1px;
margin:10px 0 15px;
padding:2px 0;
}


#forums .forums_form {
margin:5px;
}

#forums .image_forum {
width:100px;
}

#forums *.forum_small_button {
border-width:1px;
border-style:solid;
border-bottom:none;
font-size:10px;
background-color:transparent;
cursor:pointer;
margin:0;
padding:1px 2px;
}

#forums a.forum_small_button {
height:14px;
font-weight:400;
padding:2px;
}

#forums a.forum_small_button:hover {
color:inherit;
}

#forums .message_forum {
margin:5px 5px 30px;
}

#forums .message_entete {
background:url("bullehaut3.gif") left bottom no-repeat;
height:30px;
padding:2px;
}

#forums .message_entete_auteur {
margin-left:10px;
}

#forums .message_entete_divers {
margin:0 10px;
padding:0 5px;
}

#forums .partie_gauche {
height:15px;
text-align:left;
float:left;
border:0;
position:absolute;
}

#forums .message_contenu {
border-width:3px;
border-style: solid;
border-top:none;
margin:0;
padding:10px;
}

#forums .message_contenu_texte {
text-align:justify;
padding:10px;
}

#forums .message_contenu_texte p {
padding:5px 0;
}

#forums .message_contenu_imgage {
padding:5px 10px;
}

#forums #message_premier .message_entete {
background:url("bullehaut3_orange.gif") left bottom no-repeat !important;
}
#formulaire-demande legend{
padding-left: 30px;
height: 31px;
font-size: 14px;
font-weight: 700;
line-height: 31px;
border: none;
}
#formulaire-demande fieldset{
border: none;
}
#formulaire-demande input[type=text],#formulaire-demande input[type=password],#formulaire-demande select,#formulaire-demande input[type=checkbox] {
float:left;
width:auto;
max-width:380px;
margin-left:0px;
margin-bottom:10px;
font-size: 12px;
}

#formulaire-demande select,#formulaire-demande textarea {
float:right;
clear: right;
margin-left:0px;
max-width:400px;
margin-bottom:10px;
font-size: 12px;
min-width:300px;
text-align: left;
}
#formulaire-demande  input[type=radio] {
margin-left:20px;

font-size: 12px;
}
#Form_new_user label,#form_vos_besoins label,#form_connexion_devis label,#Form_vos_infos label {
display:block;
min-width:120px;
font-size: 12px;
font-weight: 700;
float:left;
clear: both;
text-align:right;
padding-right: 5px;
}

.checkform-error {
clear: both;
margin-bottom:10px;
border:2px solid red;
list-style-type:none;
width:400px;
padding:5px;
}

input.champobligatoire,select.champobligatoire,textarea.champobligatoire {
border-style: solid;
border-width: 1px;
}

label.champobligatoire {
font-size: 14px;

}


#form_connexion_sideBar input[type=text],#form_connexion_sideBar input[type=password] {
margin-left:1%;
width:140px;
}

#form_connexion_sideBar label {
display:block;
width:40px;
float:left;
text-align:right;
}

.bouton_submit_supprimer {
border:none;
color:#000;
background:transparent url(annuler.jpg) no-repeat top left;
width:22px;
height:22px;
cursor:pointer;
text-align:center;
font-size:16px;
font-weight:700;
}

#page input.bouton_submit, #pagetoutelargeur input.bouton_submit {
display:block;
padding: 0;
margin: 0 auto;
border:none;
width:250px;
height:30px;
line-height:30px;
cursor:pointer;
text-align:center;
font-size:18px;
font-weight:900;
margin-bottom: 10px;
}

.formulaire_devis_haut {
width:430px;
height:33px;
position:relative;
margin-top:10px;
}

.formulaire_devis_haut_grand {
width:430px;
height:33px;
position:relative;
margin-top:5px;
}

.formulaire_devis_legend {
position:absolute;
top:5px;
left:22px;
font-size:13px;
font-weight:700;
}

.formulaire_devis_contenu {
margin: 10px 0;
background-repeat:repeat-y;
padding-left:10px;
padding-right:12px;
padding-top: 10px;
text-align:justify;
width:408px;
}

.formulaire_devis_contenu p {
margin-bottom:0;
}
.formulaire_devis_bas {

}


#menu ul,#forums table * p,#forums .message_contenu * {
margin:0;
padding:0;
}

#pageaccueil a:hover,#main-copy ul li a {
text-decoration:underline;
}

a#rss_logo,a:hover#rss_logo {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
background:transparent;
background-image:none;
margin:0;
padding:0;
}

table,.gauche {
text-align:left;
}

table.boutonsubmit,div#main-copy2 #forum_accueil p {
margin:0;
}

.centrer,#contenu_text img,.pub_carre {
text-align:center;
}

.droite,#forums .partie_droite {
text-align:right;
}

.small,#forums .small {
font-size:70%;
}

.hidden,.formulaire_devis_contenu .sideBarTitle {
display:none;
}

#side-bar.forum li a,#side-bar.forum li li {
background:none;
}


#forums #table_categories_forums,#forums #table_discussions_forums {
margin-top:10px;
margin-bottom:10px;
}

#forums #table_categories_forums a,#forums #table_discussions_forums a {
font-weight:400;
text-decoration:underline;
}

#forums #table_categories_forums a:hover,#forums #table_discussions_forums a:hover {
text-decoration:none;
}


#iframe_statpro{
width:770px;
height:800px;
}

/******************************************************************/
/*     CSS tableau de bord espace sécurisé   + gestion compte     */

.positif_infos_clients, #negatif_infos_clients {
font-size:12px;
font-weight:bold;
padding-left:80px;
padding-right:10px;
padding-top:10px;
height:65px;
width:500px;
}

.positif_infos_clients #img_graphiste{
display:block;
float:right;
margin-top:-70px;
margin-right:-5px;
}
.positif_infos_clients #img_graphiste img{
max-height:70px;
}

div.positif_infos_clients#normal{
padding-top:10px;
height:65px;
font-weight:normal;
}

.table_demandes{
margin-top:15px;
}


/* Tableau de bord */
div.contenu_bilan_positif a, div.contenu_bilan_negatif a{
font-weight:bold;
}


/* Gestion compte */
#modif_coordonnees .titre_modif  a, #modif_services .titre_modif  a, #modif_prestations .titre_modif  a, #modif_zones .titre_modif  a, #modif_entreprise .titre_modif  a, #modif_qualifications .titre_modif  a {
color:#000;
text-decoration:none;
}

#modif_coordonnees .titre_modif  a:hover, #modif_services .titre_modif  a:hover, #modif_prestations .titre_modif  a:hover, #modif_zones .titre_modif  a:hover, #modif_entreprise .titre_modif  a:hover, #modif_qualifications .titre_modif  a:hover {
text-decoration:underline;
}

#modif_coordonnees  .contenu_modif, #modif_services  .contenu_modif{
margin-top:5px;
}

#modif_prestations .contenu_modif {
margin-top:12px;
}

#modif_zones  .contenu_modif, #modif_entreprise .contenu_modif, #modif_qualifications .contenu_modif {
margin-top:20px;
}

/** CSS pour page devisprofessionnel.php **/
.table_demandes {
border-collapse: collapse;
width:100%;
}

.ul_demande_titre th, .ul_demande td{
text-align:center;
}

.table_demandes tr.ul_demande, tr.ul_categorie_mere{
border-top: 1px solid #000000;
}

.li_demande_cp, .li_demande_reference{
padding-right:5px;
padding-left:5px;
}
.li_demande_montant {
min-width:140px;
}

.li_demande_detail{
width:50px;
}

td.li_titre_page {
text-align:left;
max-width:200px;
}

.plusMoinsDevis{
cursor:pointer;
text-decoration:underline;
}

.accepter_demande {
margin-top:0;
margin-bottom:10px;
float:right;
}

.titre_detail_demande, .info_compte_client {
vertical-align:top;
min-width:120px;
}

.info_compte_client {
font-weight:700;
}

.table_detail_demande #long{
width:260px;
}

.table_detail_demande{
margin-bottom:20px;
}
	
#menu_devis{
width:100%;
}

.numtel_commercial {
font-weight:bold;
margin-top:10px;
margin-bottom:15px;
}

/** CSS pour liste catégorie de produits **/
td.categorie1, span.ajout_cat_principale{
font-size:14px;
}

td.categorie2, span.ajout_cat{
padding-left:30px;
font-size:12px;
}

td.categorie3{
padding-left:60px;
font-size:10px;
}

td.categorie4{
padding-left:90px;
font-size:10px;
}

td.categorie5{
padding-left:120px;
font-size:10px;
}

td.categorie6{
padding-left:150px;
font-size:10px;
}

.li_space {
padding-left:10px;
}

/** CSS pour le formulaire d'ajout/suppression d'un page web */
div.style_popup {
position: absolute;
top:700px;
width : 580px;
margin-left:auto;
margin-right : auto;
text-align: left;
padding : 5px;
background-color:white;
border-style:ridge;
border-width:5px;
}

div.style_popup div#boutons_confirm{
margin-top:20px;
text-align:center;
}

div.style_popup input#annuler{
margin-right: 20px;
}

div.style_popup input#confirmer{
margin-left: 20px;
}

.li_page_menu{
width : 100px;
}


.templates {
width: 160px;
height: 120px;
float: left;
margin: 15px;
}

.templates img{
width: 160px;
height: 120px;
position: absolute;
z-index: 10;
}

.templates img:hover{
width: auto;
height: auto;
z-index: 30;
margin-top: 20px;
}

.templates input{
position: absolute;
z-index: 20;
}

.cch_label {
width: 400px;
float: left;
}

.clear {
clear: both;
}

#upcch fieldset {
margin: 20px;
padding: 30px;
min-width: 500px;
}

#upcch legend {
color: #000000;
padding: 5px; 
background-color: #f79e13;
border:2px solid #6f6f6f;
}

#upcch {
color: #000000;
font-size: 1.2em;
}

#upcch .btn{
margin-left: 110px;
}

#upcch p {
margin-left: 50px;
color: #f79e13;
}
/*******************************************************/
/*** CSS pour la partie Réalisations professionnels ***/
/*****************************************************/

#main-copy  .realisationsprofessionnel_album, .realisationsprofessionnel_photo {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
    
#main-copy  .realisationsprofessionnel_album .titre, #main-copy  .realisationsprofessionnel_photo .titre {
	position: absolute;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
}

#main-copy  .realisationsprofessionnel_album .titre a, #main-copy  .realisationsprofessionnel_photo .titre a{
	text-decoration: none;
	color: #000;
}

#main-copy  .realisationsprofessionnel_album .nb_enfants, #main-copy  .realisationsprofessionnel_photo .nb_enfants {
	position: absolute;
	font-family: arial;
	font-size: 11px;
	font-style: italic;
	color: #666666;
}

#main-copy .realisationsprofessionnel_album .description {
	position: absolute;
	font-family: arial;
	font-size: 11px;
	color: #626262;
	text-align: justify;
	line-height: 14px;
	overflow: hidden; 
}

#main-copy .realisationsprofessionnel_album .photo, #main-copy .realisationsprofessionnel_photo .photo {
	position: absolute;
	display: block;
}

#main-copy .realisationsprofessionnel_album .photo img, #main-copy .realisationsprofessionnel_photo .photo  img {
	width: 100%;
	height: 100%;
}

#main-copy .realisationsprofessionnel_album .rendre_visible, #main-copy .realisationsprofessionnel_photo .rendre_visible {
	position: absolute;
	display: block;
	bottom: 10px;
	left: 280px;
	font-size: 14px;
	color: #6565ca;
	font-weight: bold;
	text-decoration: none;
}

#main-copy .realisationsprofessionnel_album .rendre_visible  span, #main-copy .realisationsprofessionnel_photo .rendre_visible span{
	position: relative;
	text-decoration: underline;
	top: -3px;
}

#main-copy .realisationsprofessionnel_album .modifier, #main-copy .realisationsprofessionnel_photo .modifier {
	position: absolute;
	display: block;
	bottom: 10px;
	left: 420px;
	font-size: 14px;
	color: #6565ca;
	font-weight: bold;
	text-decoration: none;
}

#main-copy .realisationsprofessionnel_album .modifier  span, #main-copy .realisationsprofessionnel_photo .modifier  span{
	position: relative;
	text-decoration: underline;
	top: -3px;
}



/*** Attributs spécifiques albums OU photos ***/

#main-copy .realisationsprofessionnel_album .titre { left: 155px; top: 5px; width: 230px;  }
#main-copy .realisationsprofessionnel_album .nb_enfants { left: 400px; top: 5px; }
#main-copy .realisationsprofessionnel_album .description { left: 155px; top: 30px; width: 385px; height: 38px; }
#main-copy .realisationsprofessionnel_album .photo { left: 47px; top: 25px; width: 88px; height: 66px; }
#main-copy .realisationsprofessionnel_album .monter { position: absolute; display: block; top: 20px; left: -25px; }
#main-copy .realisationsprofessionnel_album .descendre { position: absolute; display: block; bottom: 20px; left: -25px; }
#main-copy .realisationsprofessionnel_album .supprimer { position: absolute; display: block; top: 3px; right: -28px; }

#main-copy .realisationsprofessionnel_photo .titre { left: 85px; top: 5px; width: 440px;  }
#main-copy .realisationsprofessionnel_photo .nb_enfants { left: 85px; top: 22px; }
#main-copy .realisationsprofessionnel_photo .photo { left: 14px; top: 10px; width: 59px; height: 45px; }
#main-copy .realisationsprofessionnel_photo .rendre_visible { left: 275px; }
#main-copy .realisationsprofessionnel_photo .modifier { left: 415px; }
#main-copy .realisationsprofessionnel_photo .monter { position: absolute; display: block; top: 12px; left: -25px; }
#main-copy .realisationsprofessionnel_photo .descendre { position: absolute; display: block; bottom: 7px; left: -25px; }
#main-copy .realisationsprofessionnel_photo .supprimer { position: absolute; display: block; top: 3px; right: -28px; }


#main-copy .realisationsprofessionnel_album {
	width: 564px;
	height: 116px;
	background: url('/images/realisations_assets/album_bg.png') no-repeat;
}

#main-copy .realisationsprofessionnel_album.altBg{
	background: url('/images/realisations_assets/album_bg_alt.png') no-repeat;
}

#main-copy .realisationsprofessionnel_photo {
	left: 5px;
	width: 559px;
	height: 67px;
	background: url('/images/realisations_assets/photo_bg.png') no-repeat;
}

#main-copy .realisationsprofessionnel_photo.altBg{
	background: url('/images/realisations_assets/photo_bg_alt.png') no-repeat;
}

#main-copy .realisationsprofessionnel_album .monter p, #main-copy .realisationsprofessionnel_album .descendre p, #main-copy .realisationsprofessionnel_photo .monter p, #main-copy .realisationsprofessionnel_photo .descendre p {
	position: absolute;
	background: #FFF;
	border: 3px solid #606ed9;
	left: 20px;
	display: none;
	z-index: 1;
	width: 100px;
	text-align: center;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
}

#main-copy .realisationsprofessionnel_album .monter, #main-copy .realisationsprofessionnel_album .descendre, #main-copy .realisationsprofessionnel_photo .monter, #main-copy .realisationsprofessionnel_photo .descendre {
	color: #606ed9;
	text-decoration: none;
	font-weight: bold;
}

#main-copy .realisationsprofessionnel_album .monter:hover p, #main-copy .realisationsprofessionnel_album .descendre:hover p, #main-copy .realisationsprofessionnel_photo .monter:hover p, #main-copy .realisationsprofessionnel_photo .descendre:hover p { display: block; }


.realisations_uploader { width: 585px; height: 500px; border: 1px solid #DDDDDD; margin-top: 20px; }
#main-copy .realisationsprofessionnel_ajouterPhotos { margin-top: 25px; margin-bottom: 25px; }
#main-copy .realisationsprofessionnel_ajouterPhotos a { color: #606ed9; font-size: 15px; font-weight: bold; }

/**** CSS pour modification d'une réalisation ****/

#main-copy .titre_realisations { font-family: arial; color: #606ed9; text-decoration: none; background: url('/images/realisations_assets/titleBg.png') 0% 100% no-repeat; }

#main-copy .modifierrealisation { margin-top: 20px; margin-bottom: 40px; }
#main-copy .modifierrealisation form p { }
#main-copy .modifierrealisation form p label{ width: 180px; float: left; font-size: 13px; font-weight: bold; }
#main-copy .modifierrealisation form p input{ width: 200px; font-size: 11px; }
#main-copy .modifierrealisation form p select{ width: 200px; font-size: 11px; }
#main-copy .modifierrealisation form p input[type=submit]{ cursor: pointer; float: right; margin-top: -45px; margin-right: 20px; text-align: left; padding-left: 20px; line-height: 37px; color: #FFF; font-size: 14px; font-weight: bold; width: 155px; height: 38px; background: url('/images/artisan/bouton-enregistrer1.jpg') no-repeat; border: 0; }
#main-copy .modifierrealisation form p textarea{ width: 198px; height: 90px; font-size: 11px; }
#main-copy .modifierrealisation img{ display: block; border: 1px solid #CCC; float: right; margin-right: 30px; margin-top: 1px; width: 155px; height: 124px;}