/* 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";

h1,h2,h3,h4 {margin:0;}

/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
#contenu-modele{
	font:11px Arial, Helvetica, sans-serif;
	color:#075D91;
	margin:0 10px;
	padding:0;
	width:690px;
	float:left;
	line-height:18px;
	text-align:justify;
}
/*------------------------------PAGE CONTACT--------------------------*/
.formcontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #075D91;
	background-color: #FFF;
	border: 1px solid #075D91;
}
/*------------------------------PAGE CONCEPTION / REALISATIONS--------------------------*/

.bloc1 {
	width:400px;
	float:left;
	text-align:justify;
	margin:15px 0 30px 0;
	}
.bloc2 {
	width:257px;
	height:381px;
	float:left;
	margin:15px 0 0 15px;
	}
.bloc3 {
	width:300px;
	float:left;
	text-align:justify;
	margin:0 0 20px 30px;
	}
.bloc3 li {
	list-style-image:url(../images/charte/puce.gif);
	}
.bloc3 ul{
	margin-left:50px;
	}
.bloc4 {
	width:311px;
	height:231px;
	float:left;
	margin: 0 0 20px 0;
	}
.bloc5 {
	width:650px;
	float:left;
	text-align:justify;
	}
.bloc6 {
	width:680px;
	text-align:center;
	margin: 20px 0 20px 0;
	height:315px;
	float:left;
	}
/*----------------------------------------PAGE ACCUEIL-------------------------------*/

.bloc-accueil1{
	width:400px;
	float:left;
	text-align:justify;
	margin:15px 0 15px 0;
}

.bloc-accueil2{
	width:400px;
	float:left;
	text-align:justify;
	padding-left:10px;
}

.bloc-accueil3{
	width:250px;
	float:left;
	height:500px;
	padding:20px 0 0 20px;
}
.bloc-accueil4 {
	width:265px;
	float:left;
	padding-top:15px;
	padding-bottom:40px;
}
	
.date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #67BFA6;
	width:35px;
	float:left;
}

.histoire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:365px;
	float:right;
}
	
	
/*----------------------------------------PAGE TAMPOGRAPHIE-------------------------------*/

.titre {
	font-size:14px;
	color:#FF0000;
	margin:20px 0 0 80px;
	font-weight:bold;
	}
.cadre-tampo {
	float:left;
	width:160px;
	height:160px;
	margin:30px 10px 0 0;
	text-align:center;
	}
/*----------------------------------------PAGE SERIGRAPHIE-------------------------------*/

.bloc-serigraphie {
	float:left; 
	margin-left:85px;
	}
*html .bloc-serigraphie {
	margin-left:40px;
	}
/*----------------------------------------PAGE HISTORIQUE-------------------------------*/
#contenu-historique{
	font:11px Arial, Helvetica, sans-serif;
	color:#075D91;
	margin:0 10px;
	padding:0;
	width:675px;
	float:left;
	line-height:18px;
	text-align:justify;
}