/*=======================================CSS=====
	Feuille de style
	Site : 
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#1c1c1c;
  text-align:center;
  background:url(../medias/bg-general.jpg) top center no-repeat #4e4225;
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:justify;
}
th{
	font-weight:normal;
    text-align:left;
    font-size:12px;
}
a:link, a:hover, a:visited, a:active{
	color:#333;
    display:inline-block;
	text-decoration:none;
    padding:1px;
    text-decoration:underline;
}
a:hover{
	text-decoration:none;
    color:#3;
}
img{
	margin:0;
	padding:0;
	border:0;
}


#conteneur{
 	width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
 
#entete{
 	width:940px;
	height:338px;
	margin:0;
	padding:0;
	z-index:5;
    position:relative;
}
#secondaire{
	font-weight:normal;
    font-size:11px;
    color:#373737;
    text-align:right;
    padding:0;
    height:30px;
    position:absolute;
 	top:0px;
    right:0;   
}
#secondaire span{
	background:url(../medias/tel-entete.png) top left no-repeat;
    font-size:21px;
    font-weight:normal;
    padding:0 0 0 20px;
    margin:2px 0 0 20px;
}
#nuage{
	position:absolute;
    top:115px;
    left:15px;
    width:290px;
    height:165px;
    text-align:left;
    color:#383838;
    overflow:hidden;
}
#nuage span{
	padding:1px 3px 1px 1px;
    display:inline-block;
}
.span10{
	font-size:10px;
}
.span12{
	font-size:12px;
}
.span14{
	font-size:14px;
}
.span16{
	font-size:16px;
}
.span18{
	font-size:18px;
}
.span21{
	font-size:21px;
}
.span23{
	font-size:23px;
}
.span25{
	font-size:25px;
}
#principal{
 	width:670px;	/*init 700*/
	height:35px;
	margin:0;
	padding:0;
	position:absolute;
	left:250px;
	top:294px;
}
h1#logo{
	width:226px;
    padding: 79px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo-artnwork.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:79px;
	z-index:5;
	position:absolute;
	top:10px;
	left:20px;
}
#principal ul, #principal li{
 	padding:0;
	margin:0;
	list-style:none;
}

.item, .item_actif {
 	padding:0 10px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:11px;
    font-weight:bold;
	text-transform:uppercase;
	text-align:center;
    position:relative;
}
.item span, .item_actif span{
	height:35px;
    background:url(../medias/bg-item-right.png) top right no-repeat;
    position:absolute;
    top:0;
    right:-8px;
    width:8px;
    margin:0;
}
.item_actif span{
    background:url(../medias/bg-item-actif-right.png) top right no-repeat;
}
.item a:link, .item a:visited, .item a:hover, .item a:active{
	color:#544523;
 	background:url(../medias/bg-item.png) top left no-repeat;

	/* partie de code a repeter */
	text-decoration:none;
	padding:12px 8px 5px 15px;
	margin:0 6px 0 0;
	display:inline-block;
	height:18px;	/* init 35*/
    position:relative;
}
.item a:hover{
	text-decoration:underline;
}
.item a:hover span{
	text-decoration:none;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:hover, .item_actif a:active{
	color:#544523;
 	background:url(../medias/bg-item-actif.png) top left no-repeat;

	/* partie de code a repeter */
	text-decoration:none;
	padding:12px 8px 5px 15px;
	margin:0 6px 0 0;
	display:inline-block;
	height:18px;	/* init 35*/
    position:relative;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	text-decoration:underline;
}


#corps{
	width:898px;	/* init 940*/
	padding:40px 20px 0px 20px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	position:relative;
}
#module-gauche{
	width:215px;
    float:left;
}
/***** BLOC ART N WORK GAUCHE ****/
#artnwork{
	width:184px;
    margin:0 0 10px 10px;
}
#artnwork h2{
	width:184px;
    padding:58px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h2-artnwork.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:58px;
	z-index:5;
}
#artnwork .texte{
    background:url(../medias/bg-artnwork.png) top left repeat-y;
	color:#fff;
    font-size:13px;
}
#artnwork .bas{
    background:url(../medias/bg-bas-artnwork.png) top left no-repeat;
	height:9px;
    margin:0;
    padding:0;
}
#artnwork p{
	margin:0;
    padding:0 5px;
    font-size:13px;
}

/***** BLOC DEVENIR PARTENAIRE GAUCHE ****/
#devenir{
	width:184px;
    margin:20px 0 10px 10px;
    text-align:left;
}
#devenir h2{
	width:184px;
    padding:41px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h2-devenir.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:41px;
	z-index:5;
}
#devenir .texte{
    background:url(../medias/bg-devenir.png) top left repeat-y;
	color:#2a2210;
    font-size:13px;
    text-align:left;
}
#devenir .bas{
    background:url(../medias/bg-bas-devenir.png) top left no-repeat;
	height:8px;
    margin:0;
    padding:0;
}
#devenir p{
	margin:0;
    padding:0 5px;
    font-size:13px;
    text-align:left;
}

#contenu{
	margin:0;
	padding:0;
    text-align:left;
    font-size:12px;
    position:relative;
    
	width:700px;	/*init 700*/
	margin:0 0 0 235px;
}
#contenu *{
	font-size:13px;
}
#contenu ul, #references ul, #sub ul{
	margin:10px 5px;
	padding:0;
    display:block;
}
#contenu li, #references li, #sub li{
	list-style:none;
    background:url(../medias/puce.png) top left no-repeat;
    padding:1px 5px 0px 15px;
    display:block;
    margin:4px 0;
}
#contenu a:link, #contenu a:visited, #contenu a:hover, #contenu a:active{
	color:#f68821;
    text-decoration:underline;
}
#contenu .plans a:link, #contenu .plans a:visited, #contenu .plans a:hover, #contenu .plans a:active{
	color:#1c1c1c;
}

#contenu a.retour:link, #contenu a.retour:visited, #contenu a.retour:hover, #contenu a.retour:active{
	color:#555;
    padding:0 0 0 15px;
    background:url(../medias/picto-fleche-haut.gif) top left no-repeat;
    text-decoration:none;
}
#contenu a.retour:hover{
	color:#555;
    text-decoration:underline;
}
.bordure{
	padding:1px;
    border:1px solid #fff;
}
.adresse{
	text-align:right;
    width:210px;	/*init 220*/
    padding:0 5px;
}
#pied{
	width:100%;	
    height:105px;
	background:url(../medias/bg-footer.png) bottom center no-repeat #4e4225;
	padding:0;
	margin:0;
	position:relative;
	text-align:center;
	font-weight:bold;
	font-size:11px;
    clear:both;
}
.pied{
	background:url(../medias/bg-pied-interieur.jpg) bottom left no-repeat;
	color:#fff;
	font-size:12px;
	text-align:left;
    font-weight:normal;
	margin:0 auto;
	padding:0;
	height:105px;	/*init 105*/
    width:940px;	/*init 940*/
    position:relative;
}

.pied a:link, .pied a:visited, .pied a:active{
	color:#fff;
	padding:1px 0;
	text-decoration:none;
}
.pied a:hover{
	color:#fff;
	background:none;
	padding:1px 0;
	text-decoration:underline;
}
.links{
	color:#fff;
    font-size:10px;
    text-transform:uppercase;
    text-align:left;
    padding:16px 0 0 0;
    font-weight:bold;
}
#pied #adresse{
	font-size:12px;
    color:#645229;
    font-weight:normal;
    position:absolute;
    left:0;
    bottom:13px;
}
#coordonnees{
    position:absolute;
    top:10px;
    right:0;
    width:170px;
    color:#645229;
    font-size:17px;
    text-align:right;
}
#coordonnees span{
	padding:0 20px 2px 0;
    margin:1px 0;
    display:block;
}
#coordonnees span.tel{
	background:url(../medias/picto-tel.png) top right no-repeat;
}
#coordonnees span.gsm{
	background:url(../medias/picto-gsm.png) top right no-repeat;
}
#coordonnees span.mail{
	background:url(../medias/picto-mail.png) top right no-repeat;
}
#coordonnees .siret{
	font-weight:bold;
    display:inline-block;
    padding:3px 0 4px 0;
    margin:0;
    font-size:11px;
}
#copyright{
	position:absolute;
	bottom:45px;
	left:0px;
	margin:0;
	padding:0;
	font-size:11px;
    font-weight:normal;
	color:#fff;
}
#edispo{
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0;
	padding:0;
	font-size:9px;
    font-weight:normal;
	color:#fff;
    text-align:right;
    text-transform:uppercase;
}

#edispo a:link, #edispo a:visited, #edispo a:active{
	color:#fff;
	padding:1px 0px;
	text-decoration:none;
}
#edispo a:hover{
	color:#fff;
	background:none;
	padding:1px 0px;
	text-decoration:underline;
}
.texte{
	padding:5px;
}

.content{
	width:686px;
    margin:0 0 30px 0;
    position:relative;
}
.content .texte{
	background:url(../medias/bg-texte.png) bottom center no-repeat #e9e8be;
    margin:0 auto;
    width:615px;	/*init 675*/
    padding:10px 30px 5px 30px;
}
.content .bas{
	background:url(../medias/bg-bas-texte.png) bottom center no-repeat;
	height:8px;
    width:675px;
    margin:0 auto;
	position:absolute;
    bottom:-8px;
    left:5px;
}

.bloc{
    float:left;
    width:205px;
    margin:0 32px 80px 0;
    text-align:left;
    position:relative;
}
.bloc .texte{
	background:url(../medias/bg-bloc.png) bottom center no-repeat #e9e8be;
    margin:0 auto;
    width:135px;	/*init 195*/
    padding:10px 30px 5px 30px;
    text-align:left;
}
.bloc .bas{
	background:url(../medias/bg-bas-bloc.png) bottom center no-repeat;
	height:7px;
    width:195px;
    margin:0 auto;
    position:absolute;
    bottom:-7px;
    left:5px;
}
.bloc p{
	text-align:left;
}
.bloc img{
	padding:1px;
    border:1px solid #999;
    margin:0 0 8px 0;
}
h1{
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
	margin:0;
	padding:8px 0 0 30px;
    background:url(../medias/bg-h1.png) top left no-repeat;
    display:block;
    width:655px;	/*init 685*/
    height:20px;	/*init 28*/
}
h2{
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
	margin:0;
	padding:8px 0 0 30px;
    background:url(../medias/bg-h2.png) top left no-repeat;
    display:block;
    width:175px;	/*init 205*/
    height:20px;	/*init 28*/
}
h3{
	color:#8e7a4e;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    margin:0;
    padding:0 0 5px 0;
}

.fin{
	margin:0;
}
form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
/*	border-bottom:1px solid #666;*/
	padding:13px 8px 8px 8px;
	margin:0 0 5px 0;
	font:12px Arial, Helvetica, sans-serif;
}
input{
	width:247px;	/*init 263*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:14px;	/*init 35*/
    color:#fff;
}
.input2{
	width:131px;	/*init 147*/
	background:url(../medias/bg-input2.png) top left no-repeat;
	height:14px;	/*init 35*/
    color:#fff;
}
textarea{
	height:80px;	/*init 101*/
	width:247px;
	background:url(../medias/bg-textarea.png) top left no-repeat;
    color:#fff;
}
.bt-envoi{
	background:none;
	text-align:center;
	margin:0;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}

#contenu .indication{
	font-size:11px;
    color:#666;
    margin:0;
}
label{
	text-align:right;
	display:block;
	width:25%;
	float:left;
	font-weight:normal;
	font-size:11px;
	margin:5px 10px 5px 0;
    padding:3px 0 0 0;
}
label.special2{
	text-align:left;
	display:inline-block;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
    width:12%;
    font-weight:normal;
}
input.special{
	background:#fff;
    width:150px;
    height:20px;
    color:#000;
}
label.sans{
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin:2px 10px 5px 2px;
	display:inline;
	float:none;
	width:auto;
}
input.coche{
	border:0;
	width:auto;
	background:none;
    margin:0;
}
.petit, #contenu .petit{
	font-size:11px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.gros{
	font-size:16px;
}

#sub0{
	display:block;
}
.tarifs{
	font-size:12px;
	width:100%;
}
.tarifs td{
	font-size:12px;
	padding:2px 5px;
	background:#973b30;
	border:1px dotted #a64e3c;
}
iframe{
	border:1px solid #fff;
	padding:1px;
}

.separation{
	clear:both;
    margin:2px 0 0 0;
}
.left{
	float:left;
    padding:0;
    margin:0 5px 10px 0;
}
#simul .left{
	float:left;
    padding:0;
    margin:0 15px 10px 10px;
}

.right{
	float:right;
    padding:1px;
    margin:0 0 10px 10px;
    border:1px solid #fff;
}
img.sans{
	border:0;
}
#simul .right{
	margin:0 50px 10px 5px;
}
.row1 td, .row2 td, .row1 th, .row2 th{
	font-size:11px;
    padding:5px 5px;
    border:1px dotted #999;
}
.row1 th, .row1 td{
	background:#efefef;
}

.row2 th, .row2 td{
	background:#feedd6;
}
.row1 td, .row2 td{
	text-align:center;
}
.row0 th{
	font-size:11px;
    padding:2px 5px;
    border:1px dotted #555;
}
body a.sans:hover{
	background:none;
    display:inline-block;
}
.erreur{
	color:#744f82;
    padding:5px;
    border:1px dotted #744f82;
    margin:0 0 10px 0;
}
img.lien{
	border:1px solid #ccc;
    padding:2px;
}
body.simulateur{
	background:#333;
}

#simul{
	width:700px;
    height:490px;
    margin:0 auto;
    padding:20px;
}
#simul h1{
	text-transform:none;
    font-size:20px;
    color:#fff;
    font-weight:normal;
    text-align:center;
    background:none;
    width:100%;
}
#submenu-simulateur{
	width:688px;
    height:27px;
    background:url(../medias/simulateur/bg-submenu.png) top left no-repeat;
    color:#9d9d9d;
    margin:0 0 20px 0;
}
#submenu-simulateur ul, #submenu-simulateur li{
 	padding:0;
	margin:0;
	list-style:none;
}
.subitem, .subitem_actif, .subitem_actif0, .subitem_actif1 {
 	padding:0 10px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	text-align:center;
    position:relative;
}
.subitem a:link, .subitem a:visited, .subitme a:hover, .subitem a:active{
	color:#9d9d9d;

	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 6px 5px 6px;
	margin:0 3px;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}

/* Couleur du libelle actif */
.subitem_actif a:link, .subitem_actif a:visited, .subitem_actif a:hover, .subitem_actif a:active{
	color:#fff;
 	background:url(../medias/simulateur/bg-subitem.png) top left no-repeat;

	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 12px 5px 8px;
	margin:0;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}
.subitem_actif0 a:link, .subitem_actif0 a:visited, .subitem_actif0 a:hover, .subitem_actif0 a:active{
	color:#fff;
 	background:url(../medias/simulateur/bg-subitem2.png) top right no-repeat;
	text-decoration:none;
	padding:6px 12px 5px 8px;
	margin:0 3px 0 0;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}
.subitem_actif1 a:link, .subitem_actif1 a:visited, .subitem_actif1 a:hover, .subitem_actif1 a:active{
	color:#fff;
 	background:url(../medias/simulateur/bg-subitem1.png) top left repeat-x;
	text-decoration:none;
	padding:6px 12px 5px 8px;
	margin:0;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}
.subitem_actif span{
	height:27px;
    background:url(../medias/simulateur/bg-right-subitem.png) top left no-repeat;
    position:absolute;
    top:0;
    right:-5px;
    width:5px;
    margin:0;
}

#submenu{
	display:none;
}
#parent2, #resultats{
	width:680px;
    margin:0 auto;
    height:390px;
}
#parent2 li, #resultats{
    text-align:left;
	color:#1c1c1c;
    padding:20px;
    background:url(../medias/simulateur/bg-parent-2.png) top left no-repeat;
    font-size:12px;
}
#parent2 a:link, #parent2 a:visited, #parent2 a:hover, #parent2 a:active{
	color:#fff;
}
#parent2 h2, #resultats h2{
	font-size:21px;
    color:#1c1c1c;
    font-weight:normal;
    margin:0;
    padding:0;
}
#resultats h3{
	color:#1c1c1c;
    font-size:15px;
    font-weight:normal;
    margin:0;
    padding:10px 0 0 0;
    text-transform:none;
}
.resultats{
    width:270px;
    margin:10px 20px 0 70px;
    float:right;
}
.resultat1, .resultat2{
	padding:0;
    margin:3px 6px 3px 0;
    font-size:11px;
    width:122px;
    height:150px;
    border:1px solid #ddd;
    float:left;
    text-align:center;
}
#desc01, #desc02, #desc03, #desc04{
	display:none;
    background:url(../medias/simulateur/bg-description.png) top left no-repeat;
    width:140px;	/*init 160*/
    height:110px;	/*init 130*/
    padding:10px;
    text-align:left;
    color:#000;
    font-size:12px;
    text-align:left;
}
#desc01 p, #desc02 p, #desc03 p, #desc04 p{
	text-align:left;
}
#desc01 h3, #desc02 h3, #desc03 h3, #desc04 h3{
	color:#000;
    text-transform:none;
    font-size:13px;
    font-weight:normal;
    border-bottom:1px solid #000;
}

#conseiller{
    width:380px;
}

#contenu span.violet{
	/*background:#7c5789;*/
    font-size:16px;
    padding:2px 1px;
    display:inline-block;
   /* color:#fff;*/
   font-weight:bold;
}