/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
h1{
/*font-family: "Times New Roman", Times, serif;*/
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:100;
text-align:left;
/*color:#845A98;*/
color:#704C81;
margin:15px 0 5px 0;
line-height:24px;
padding-left:24px;
background:url(../images/charte/bulle_h1.gif) left top no-repeat;
}


h2{
/*font-family: "Times New Roman", Times, serif;*/
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:100;
text-align:left;
/*color:#845A98;*/
color:#704C81;

margin:15px 0 5px 0;
line-height:24px;
padding-left:24px;

}

.temoignage{
float:left;
margin-bottom:30px;}

#contenu .temoignage h2.tem{
/*font-family: "Times New Roman", Times, serif;*/
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:100;
text-align:left;
/*color:#845A98;*/
color:#704C81;
border-bottom:1px solid #704C81;

margin:15px 0 5px 0;
line-height:24px;
padding-left:24px;

}
#contenu .temoignage p.dat_tem{
float: right;
font-weight: bold;
margin-bottom:5px;
height:10px;
font-family:Arial, Helvetica, sans-serif;
}

.nota{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}



h6{
height:10px;
border-bottom:1px dashed #E896F2;
margin-bottom:10px;
clear:both;
}


p{
font-family:"Times New Roman", Times, serif;
font-size:14px;
text-align:justify;
}


.image_d{
margin:4px 0px 4px 10px; 
float:right; 
border: double 3px #c1c1c1;
}

.image_g{
margin:0px 12px 4px 0px; 
float:left; 
border: double 3px #c1c1c1;
}

.image_c{
margin:0px 0px 12px 0px; 
border: double 3px #c1c1c1;
}


.titre_lien{
font-size:16px;
}

/* ----------------------------------------------------- GALLERIE --------- */

#gallerie_sui{
background:url(../images/charte/gallerie_sui_over.gif) left top no-repeat;
width:48px;
height:330px;
}

#gallerie_sui a{
width:100%;
height:100%;
display:block;
background:url(../images/charte/gallerie_sui_out.gif) left top no-repeat;
}

#gallerie_sui a:hover{
background:transparent none;
}

#gallerie_pre{
width:48px;
height:330px;
background:url(../images/charte/gallerie_pre_over.gif) left top no-repeat;
}

#gallerie_pre a{
width:100%;
height:100%;
display:block;
background:url(../images/charte/gallerie_pre_out.gif) left top no-repeat;
}

#gallerie_pre a:hover{
background:transparent none;
}

/* ----------------------------------------------------- PRESSE --------- */

#presse_gauche{
float:left;
width:400px;
}

#presse_gauche #mag{
font-size:20px;
font-weight:bold;
}

#presse_gauche #titre{
font-size:18px;
}

#presse_gauche #date{
font-style:italic;
text-align:right;
}

#presse_droite{
float:right;
width:240px;
}

#presse_droite img{
float:right;
margin:0px 4px 10px 4px;
border: double 3px #c1c1c1;
}

#presse_droite a img{
border: double 3px #c1c1c1;
}

#presse_droite a:hover img{
border: double 3px #CC00FF;
}

/* ----------------------------------------------------- votre site --------- */

#tab_votresite td{
color:#000;
}

.epoux_titre{
font-size:18px;
font-weight:bold;
}

.epoux_date{
font-size:16px;
font-style:italic;
}

/* ----------------------------------------------------- PLAN --------- */

#plan{
width:100px;
height:54px;
background:url(../images/contenu/plan_over2.jpg) left top no-repeat;
border: double 3px #c1c1c1;
}

#plan a{
width:100%;
height:100%;
display:block;
background:url(../images/contenu/plan_out2.jpg) left top no-repeat;
}

#plan a:hover{
background:transparent none;
}



/* ----------------------------------------------------- --- --------- */

#contenu a:link, #contenu a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #c953d7;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #c953d7;
}
.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}
/* STYLE DE LA PAGE CONTACT */



input:focus,textarea:focus{
border-color:#FF0000;
}


.forminput, .formtextareadress, .formtextareacomment, select{
border:3px #CF96EB double;
padding:0;
margin:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #704A3e;
background-color:#FCF6FF;
text-align:justify;
}



.formselect{
padding:0 3px 0 3px;
height:20px;
line-height:20px;
width:210px;
}

.forminput{
padding:0 3px 0 3px;
height:20px;
line-height:20px;
width:210px;
}



.formtextareadress{
padding:0 3px 0 3px;
height:110px;
width:210px;
}



.formtextareacomment{
padding:0 3px 0 3px;
height:110px;
width:210px;
}



.formbt{
border:3px #CF96EB double;
height:25px;
width:120px;
text-align:center;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:600;
letter-spacing:0.1em;
color:#704A3e;
background-color:#F4E7FB;
}



.text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
line-height:25px;
color:#8D49AE;
letter-spacing:0.1em;
text-align:right;
padding-right:10px;
}		




.txt_credit{
font-size:x-small; 
color:#999; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
line-height:20px; 
padding-left:20px; 
float:left
}

.txt_credit a{
color:#999;
text-decoration:none;
}

.txt_credit a:hover{
color:#000;
text-decoration:underline;
}


/*****************Presse***********************/
#container #cadre_photo p.titre_magasine_article{
	text-align:center;
	float:none;
	width:540px;	
	/*background:url(../images/charte/puce_titre_mag.gif) no-repeat;
	padding-left:22px;*/
	color:#c953d7;
	font-size:14px;
	font-weight:bold;	
}

#container .top_presse{
	background:url(../images/charte/top_presse.gif) no-repeat;
	padding:12px 5px 0px 5px;
	height:36px;
	width:530px;
}

#container .middle_presse{
	background:url(../images/charte/middle_presse.gif);
	padding:2px 5px 0px 5px;	
	width:530px;
}

#container .middle_presse p{
	margin:0px 8px;
}

#container .bottom_presse{
	background:url(../images/charte/battom_presse.gif) no-repeat;
	height:20px;
	width:540px;
}

#container span.nom_magazine{
	background:url(../images/charte/puce_titre_mag1.gif) no-repeat;
	padding-left:25px;
	font-size:18px;
	color:#A72BB5;
}


#container #cadre_photo p.ligne span.nom_magazine{
	background:url(../images/charte/puce_titre_mag.gif) no-repeat;
	padding-left:22px;
	color:#c953d7;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-right:5px;
	margin-left:130px;
}


#container #cadre_photo p.date{
	text-align:center;
	float:none;
	font-style:italic;
}

#container #cadre_presse{
	width:620px;
	float:left;	
	margin-bottom:30px;
}

#container  .colonne_photo{
	width:55px;
	float:right;
	margin-top:20px;
}

#container #cadre_presse .colonne_photo img{
	margin:4px 0px 10px 10px; 
	float:right; 
	border: double 3px #c953d7;
}

#container #cadre_photo{
	float:left;
	width:530px;
	text-align:center;
}

#container #cadre_photo img{
	border: double 3px #c953d7;
	float:none;
	text-align:center;
	margin:5px;
}




/*************News***************/
#container .news{
	width:600px;
	border-bottom:1px #c953d7 solid;
	margin-bottom:10px;
	padding-bottom:5px;
	min-height:130px;
	height:auto;
	clear:both;
}


#container .news p.titre_news{
	text-align:left;
	float:none;
	background:url(../images/charte/puce_titre_mag.gif) no-repeat;
	padding-left:25px;
	color:#c953d7;
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
	margin-left:25px;
	padding-left:25px;
	float:left;
}

#container .news .colonne_news{
	width:150px;
	float:left;
	min-height:150px;
	height:auto;
	height:150px;
}

#container .news .colonne_news img{
	margin:1px 10px 1px 0px;
	float:left;
	border: double 3px #c953d7;
}

#container .news p.description{
	float:left;
	width:400px;
	padding-left:25px;
}



.prod{
	float:left;
	width:193px;
	height:331px;
	background:url(../images/integration/bg.gif) no-repeat;
	margin-right:2px;
	padding:25px 10px 0px 7px;

}

.img{
	float:left;
	width:185px;
	height:130px;
	max-height:140px;
	max-width:190px;
	margin-bottom:20px;
	margin-top:10px;}

#texte .prod p.des{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#997ba8;
font-weight:bold;
width:190px;
text-align: center;
height:35px;
max-height:35px;}



#texte .prod p.sousdes{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#79588d;
width:190px;
text-align: left;
height:60px;}

.info{
	float:left;
	margin-left:5px;
	width:129px;
	height:40px;
	padding-bottom:5px;}

	


	

	




 #pagination{
	width:600px;
	text-align:center;
	vertical-align:top;
	margin-top:20px;
	margin-left:30px;
	
	margin-bottom:10px !important;
}

 #pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:10px;

}


.prev{
	float:left;
	width:100px;
	height:31px;
	color:#997ba8;
	margin-top:5px;
	text-decoration:none;
	cursor:pointer;

}
 #pagination  .prev p{
 float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#997ba8;
z-index:800;
	position:relative;
}
.next{
	float:right;
	width:100px;
	height:31px;
	margin-top:5px;
	color:#997ba8;
	text-decoration:none;
	
}
	
 #pagination .next p{
 float:right;
	font-family:Arial, Helvetica, sans-serif;
font-size:11px;

color:#997ba8;
z-index:800;
	position:relative;
	cursor:pointer;
	
}


 #pagination  p a{color:#997ba8;
 font-size:11px;
 text-decoration:none;}


 #pagination  p {color:#997ba8;
 font-size:11px;}
 
 
#global_temoignages #bloc_tem {
float:left;
clear:both;
}

#global_temoignages #bloc_tem #wrapper_tem {
	width:635px;
  border-bottom:1px #c953d7 solid;
	margin-bottom:10px;
	padding-bottom:5px;
  clear:both;
  float:left;
}

.termo-box{
  float:left;
  min-height:190px;
  width:178px;
  background:transparent url(../images/integration/bg-image.png) no-repeat scroll 0 0;
  }
.termo-left{
  width:150px;
  height:150px;
  margin-left:14px;
  margin-top:20px;
  text-align: center;
  }

#global_temoignages #bloc_tem #wrapper_tem img {
border:none;
}

#global_temoignages #bloc_tem #wrapper_tem p span {
	font-variant:small-caps;
	font-weight:bold;
}

#global_temoignages #bloc_tem #wrapper_tem p.titre-term {
  background:transparent url(../images/charte/puce_titre_mag.gif) no-repeat scroll 0 0;
  color:#C953D7;
  font-size:14px;
  font-weight:bold;
  margin-bottom:2px;
  margin-left:25px;
  padding-left:25px;
  text-align:left;
  float:left;
  }
.desc-term{
  float:left;
  padding-left:25px;
  width:400px;
  }

.atelier-images{
  margin-right:15px;
  float:left;

  }
.atelier-thumb{
  border:1px solid #C1C1C1;
  width:75px;
  height:75px;
  float:left;
  text-align: center;
  padding:1px;
  }
.image1{
  width:156px;
  height:150px;
  text-align: center;
  border:1px solid #C1C1C1;
  }
.a-thumb{
  width:75px;
  height:75px;
  display: block;
  }