/* 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";
@import "jd.slideshow.css";

/* STYLE CONTENU */
#contenu{
	position:relative;
	margin-left:242px;
	width:676px;
	padding-top:32px;
	padding-bottom:50px;
}
#contenu h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.2em;
	font-weight:bold;
	text-align:right;
	color:#0046eb;
	letter-spacing:1px;
	border-bottom:1px solid #c8ccd5;
	margin-bottom:5px;
}
#contenu h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#193275;
	letter-spacing:1px;
	border-bottom:1px solid #c8ccd5;
	margin-bottom:5px;
}
#contenu h3{
	background:url(../images/charte/puce02.gif) no-repeat 17px left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#17264e;
	/*letter-spacing:1px;
	border-bottom:1px solid #c8ccd5;*/
	padding-top:15px;
	padding-left:15px;
}
#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
	color: #17264e;
	margin-top:10px;
	margin-bottom:10px;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#00009e;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #0046eb;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:none;
	color: #000;
}
#contenu ul{
	margin-left:40px;
}

#contenu li{
	list-style-image:url(../images/charte/puce01.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
	color: #17264e;
}


/****************************** PRESENTATION ******************************/
#presentation{
	float:left;
	width:350px;
	margin-top:10px;
	/*border:1px solid black;*/
}
#presentationcadrehaut{
	background:url(../images/charte/top.gif) left top no-repeat;
	width:350px;
	margin-bottom:0px;
	margin-left:0px;
	/*border:1px solid red;*/
}
#presentationcadrebas{
	background:url(../images/charte/bottom.gif) right bottom no-repeat;
	padding:10px 10px 10px 10px;
	min-height:350px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	/*height:300px;---obligatoire pour le footer:IE---*/
}
#presentationcadretext{
	font:normal 11px Arial, Helvetica, sans-serif;
	width:330px;
	/*border:1px solid blue;*/
}
#presentationimg{
	float:right;
	width:310px;
	margin-top:10px;
	/*border:1px solid red;*/
}


/****************************** LIGNES COMPLETES ******************************/
/****************************** Cadre horizontal */
#lignes{
	float:left;
	width:400px;
	margin-top:10px;
	/*border:1px solid black;*/
}
#lignescadrehaut{
	background:url(../images/charte/top.gif) left top no-repeat;
	width:400px;
	margin-bottom:0px;
	margin-left:0px;
	/*border:1px solid red;*/
}
#lignescadrebas{
	background:url(../images/charte/bottom.gif) right bottom no-repeat;
	padding:10px 10px 10px 10px;
	min-height:50px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	/*height:300px;---obligatoire pour le footer:IE---*/
}
#lignescadretext{
	font:normal 11px Arial, Helvetica, sans-serif;
	width:380px;
	/*border:1px solid blue;*/
}
#lignesimg{
	float:right;
	width:250px;
	margin-top:10px;
	/*border:1px solid red;*/
}
.alignimg{
	margin:14px;
	/*border:1px solid red;*/
}
.aligne0{
	margin:0px 10px 14px 14px ;
	float:right;
	/*border:1px solid red;*/
}


/****************************** LIGNES COMPLETES FILM ******************************/
/****************************** Cadre 50 / 50 */
#film{
	float:left;
	width:330px;
	margin-top:10px;
	margin-right:22px;
	/*border:1px solid black;*/
}
#filmcadrehaut{
	background:url(../images/charte/top.gif) left top no-repeat;
	width:330px;
	margin-bottom:0px;
	margin-left:0px;
	/*border:1px solid red;*/
}
#filmcadrebas{
	background:url(../images/charte/bottom.gif) right bottom no-repeat;
	padding:10px 10px 10px 10px;
	min-height:150px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	/*height:300px;---obligatoire pour le footer:IE---*/
	/*border:1px solid blue;*/
}
#filmcadretext{
	font:normal 11px Arial, Helvetica, sans-serif;
	width:310px;
	/*border:1px solid blue;*/
}
#filmimg{
	float:right;
	width:310px;
	padding-top:20px;
	/*border:1px solid red;*/
}


/****************************** LIGNES COMPLETES GAINAGE ******************************/
#lignesgainage{
	float:left;
	width:670px;
	margin-top:10px;
	/*border:1px solid black;*/
}
#lignesgainagecadrehaut{
	background:url(../images/charte/top.gif) left top no-repeat;
	width:670px;
	margin-bottom:0px;
	margin-left:0px;
	/*border:1px solid red;*/
}
#lignesgainagecadrebas{
	background:url(../images/charte/bottom.gif) right bottom no-repeat;
	padding:10px 10px 10px 10px;
	min-height:100px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	/*height:300px;---obligatoire pour le footer:IE---*/
}
#lignesgainagecadretext{
	font:normal 11px Arial, Helvetica, sans-serif;
	width:600px;
	/*border:1px solid blue;*/
}


/****************************** OCCASION ******************************/
#occasion{
	float:left;
	width:400px;
	margin-top:10px;
	/*border:1px solid black;*/
}
#occasionhaut{
	background:url(../images/charte/top.gif) left top no-repeat;
	width:400px;
	margin-bottom:0px;
	margin-left:0px;
	/*border:1px solid red;*/
}
#occasionbas{
	background:url(../images/charte/bottom.gif) right bottom no-repeat;
	padding:10px 10px 10px 10px;
	min-height:50px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	/*height:300px;---obligatoire pour le footer:IE---*/
}
#occasiontext{
	font:normal 11px Arial, Helvetica, sans-serif;
	width:380px;
	/*border:1px solid blue;*/
}
#occasionimg{
	float:right;
	width:260px;
	margin-top:10px;
	border:1px solid #D3D8E3;
}
.alignimg{
	margin:14px;
	/*border:1px solid red;*/
}
.aligne0{
	margin:0px 10px 14px 14px ;
	float:right;
	/*border:1px solid red;*/
}

/****************************** COEXTRUDEUSES SPECIALE ******************************/
/****************************** 3 img verticales */
#lignev{
	float:left;
	width:430px;
	margin-top:10px;
	/*border:1px solid black;*/
}
#lignevcadrehaut{
	background:url(../images/charte/top.gif) left top no-repeat;
	width:430px;
	margin-bottom:0px;
	margin-left:0px;
	/*border:1px solid red;*/
}
#lignevcadrebas{
	background:url(../images/charte/bottom.gif) right bottom no-repeat;
	padding:10px 10px 10px 10px;
	min-height:50px; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	/*height:300px;---obligatoire pour le footer:IE---*/
}
#lignevcadretext{
	font:normal 11px Arial, Helvetica, sans-serif;
	width:400px;
	/*border:1px solid blue;*/
}
#lignevimg{
	float:right;
	width:210px;
	margin-top:10px;
	/*border:1px solid red;*/
}
.alignvimg{
	margin:10px 20px 10px 0px ;
	/*border:1px solid red;*/
}
.alignvimg1{
	margin:10px 0px 10px 0px ;
	/*border:1px solid red;*/
}



/************************************** CONTACT **************************************/
td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	/*line-height:1.2em;*/
	text-align:justify;
	color: #17264e;
	/*margin-top:10px;
	margin-bottom:10px*/;
}
#contactTxt{
	width:45%;
	float:left;
	text-align:center;
	/*border:1px solid red;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #17264e;
}
#contactPlan{
	width:50%;
	float:right;
	text-align:center;
	/*border:1px solid red;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #17264e;
}
#formContact input{
	width:205px;
	border:1px solid #D3D8E3;
	font-size:12px;
}
*+html #formContact input{
	width:215px;
}
*html #formContact input{
	width:215px;
}
#formContact textarea{
	width:500px;
	border:1px solid #D3D8E3;
	font-size:12px;
}
*+html #formContact textarea{
	width:532px;
}
*html #formContact textarea{
	width:532px;
}
.bouton{
	border:1px solid #D3D8E3;
	background-color:#FFFFFF;
	color: #17264e;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}