/* 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{
display:block;
padding-bottom:0px;
border-bottom:2px dotted #C3000D;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
color:#C3000D;
margin:0 0 15px 0;
}
h2{
font-size:16px;
font-weight:bold;
color:#c3000d;
padding-top:2px;
padding-bottom:5px;
}
h3{
background-image:url(../images/charte/bg-h3.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:left bottom;
border-bottom:1px solid #ccc;
padding-left:15px;
font-size:15px;
display:block;
color:#032caa;
}
.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#76a92b;
}
.photo{
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
border:1px solid #76a92b;
}
.rouge {
	color:#C3000D;
	}

/*SCROLLLL COLLRIGHT*/
/*SCROLLLL COLLRIGHT*/
#formation-collright .vscrollerbarbeg {
	background: url(../web/images/vscroller2.png) 0px -9px;
	width: 4px;
	height: auto;
	margin:0 0 0 2px;
}
#formation-collright .vscrollerbarend {
	background: url(../web/images/vscroller2.png);
	width: 4px;
	height: 9px;
	margin:0 0 0 2px;
}
#formation-collright .vscrollerbase {
	width:4px;
	padding:2px;
	height:50px;
	border-left:1px solid #B7B2A6;
	border-right:1px solid #B7B2A6;
	background: #FFF none;
}
#formation-collright .vscrollerbar {
	padding: 0px;
}
#formation-collright .vscrollerbasebeg, 
#formation-collright .vscrollerbaseend {
	background-image: none;
}/*--------------------------- INTEGRATION CEDRIC ----------------------*/
/*------ HISTORIQUE -----------*/
.historique {
	float:left;
	width:305px;
	height:342px;
	padding-right:10px;
	text-align:justify;
	margin:10px 0 0 0;
	overflow-y:scroll;
	}
.historique-visuel {
	background-image:url(../images/charte/historique.jpg);
	width:600px;
	height:342px;
	float:right;
	margin:10px 0 0 10px;
	}
/*------- PRODUITS ---------*/
.blocTexte p{
	font-size:11px;
	}
.blocTexte a{
	color:#C3000D;
	}
.blocTexte{
	width:305px;
	height:210px;
	padding-right:10px;
	overflow-y:scroll;
	float:left;
	text-align:left;
	margin:10px 0 10px 0 ;
}
.prix {
	color:#666666;
	font-size:18px;
	}

/*------- SERVICES ---------*/
.services {
	float:left;
	width:295px;
	height:342px;
	margin:10px 0 0 0;
	}
.services-visuel {
	background-image:url(../images/charte/service.jpg);
	width:600px;
	height:342px;
	float:right;
	margin:10px 0 0 10px;
	}
.UL_services li{
	margin:5px 0 10px 0;
	padding:0 0 0 15px;
	background-image:url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}
/*------- NEWS ---------*/
.news p{font-size:11px;}
.news-mini img{ border:none;}
.news-mini {
	width:70px;
	height:70px;
	float:left;
	margin:0 3px 0 0;
	}
.news {
	float:left;
	width:295px;
	height:342px;
	margin:10px 0 0 0;
	padding-right:10px;
	text-align:justify;
	overflow-y:scroll;
	}
.news-visuel {
	background-image:url(../images/charte/new.jpg);
	width:600px;
	height:342px;
	float:right;
	margin:10px 0 0 10px;
	}
/*------- ADRESSES ------*/
.adresse {
	font-weight:bold;
	color:#C3000D;
	margin:10px 0 0 0;
	display:block;
	}
.adresse-visuel {
	background-image:url(../images/charte/adresses-visuel.jpg);
	width:600px;
	height:342px;
	float:right;
	margin:10px 0 0 10px;
	}
.plan {display:block;}
/*------------------- CONTACT ------------------------------*/

.contact-visuel {
	width:600px;
	height: 342px;
	float:right;
	margin:10px 0 0 10px;
	}


#contact input:focus { 
	border:1px solid #000;
	}
#contact input {
	width:160px;
	height:20px;
	border:1px solid #C2B69A;
	font-size:11px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	height:15px;
	}
textarea:focus { 
	border:1px solid #000;
	}
textarea {
	background-image:url(../images/charte/textarea.jpg);
	width:160px;
	height:118px;
	font-size:11px;
	color:#000;
	border:1px solid #C2B69A;
	font-family:Arial, Helvetica, sans-serif;
	height:41px;
	}
#contact {
	background-color:#F8F7F3;
	font-size:11px;
	padding:5px;
	margin:10px 0 5px 0;
	background-repeat:no-repeat;
	}
#contact .bouton:focus {
	background-repeat:no-repeat;
	height:25px;
	border:1px solid #FFFECD;
	cursor:pointer;
	}
#contact .bouton {
	background-repeat:no-repeat;
	width:80px;
	height:20px;
	border:0px solid #FEC11B;
	cursor:pointer;
	font-size:12px;
	}	
.petit {font-size:9px; color:#CCCCCC;}
.contact-loi {margin:0 0 10px 0;}
.merci {font-size:12px;margin:80px 0 0 25px;}

/*----- IMPRIMER FICHE + ENVOYER A UN AMI -----*/

.imprimer-fiche {
	background:url(../images/charte/bt-imprimer-fiche.gif);
	width:139px;
	height:22px;
	float:left;
	display:block;
	}
.envoyer-ami {
	background-image:url(../images/charte/bt-envoyer-ami.gif);
	width:136px;
	height:22px;
	float:left;
	}
.bt-envoi {
	float:right;
	margin:0 8px 0 0;
	}






#container .link-red {
	color:#D8000D;
	}