/* 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 CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/******************************-**** GENERALITE ***********************************/
#lignedroite{
	clear:both;
	width:920px;
	padding:0;
	display:table;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-align:center;
	color:#999;
	margin: 0px 0px 0px 30px ;
}

#lignedroite a{
	color: #fd5700;
	text-decoration:none;
}
#lignedroite a:hover{
	color: #fd5700;
	text-decoration:underline;
}


	
#lignevideo{
	margin-left:100px;
	width:200px;
	padding:0;
	font:bold italic 1.6em Arial, Helvetica, sans-serif;
	color:#003082;
}

#lignevideo a{
	color:#10654f;
	text-decoration:none;
}
#lignevideo a:hover{
	color:#468f7c;
	text-decoration:none;
	border-bottom: 2px solid;
}


.rouge{
	color:#FD1800;
}
ul{
	margin-left:40px;
	margin-bottom:20px;
}
li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-bottom:0px;
}
blockquote{
	margin: 0px 30px 0px 30px ;
}
#contenuTexte .savoirplus{
	float:right;
	color: #FD5700;
	text-decoration:none;
}
#contenuTexte .savoirplus:hover{
	color: #fd5700;
	text-decoration:underline;
}

/* Images + légende */
.cadre_img{
	width:550px;
	height:190px;
	padding:5px 0px 5px 0px;
}
*html .cadre_img{
	width:520px;
}

.cellule_legende{
	float:left;
	width:211px;
	height:122px;
	margin:0px 0px 4px 0px; 
	padding-right:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	font-weight:normal;
	/*border:1px red solid;*/
}
*html .cellule_legende{
	padding-right:38px;
}

/* Images + légende */
.cadre_img1{
	width:550px;
	height:220px;
	padding:5px 0px 5px 0px;
}
*html .cadre_img1{
	width:520px;
}

.cellule_legende1{
	float:left;
	width:200px;
	height:161px;
	margin:0px 0px 4px 0px; 
	padding-right:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	font-weight:normal;
}
.cellule_legende2{
	float:left;
	width:200px;
	height:161px;
	margin:0px 0px 4px 0px; 
	padding-right:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	font-weight:normal;
}

/*.cellule_legende3{
	float:left;
	width:225px;
	height:161px;
	margin:0px 0px 4px 0px; 
	padding-right:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	font-weight:normal;
}*/

/* Images + légende */
.cadre_imgd{
	width:400px;
	height:150px;
	padding:5px 0px 5px 0px;
}
*html .cadre_imgd{
	width:350px;
}

.cellule_legended{
	float:left;
	width:164px;
	height:161px;
	margin:0px 0px 4px 0px; 
	/*border:1px solid red;*/
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
	font-weight:normal;
}

*html .cellule_legended{
	padding-right:10px;
}

#contenuDrte h2{
	margin:15px 0;
	font:bold italic 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#fd5700;
	border-bottom:1px solid #fd5700;
}




/********************************** PRESENTATION **********************************/
#presentation{
	padding:0px;
	width:550px;
	float:left;
	/*margin:5 30px;*/
	/*border:1px solid blue;*/
}
#presentation p{
	padding:0px 15px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}

.exposant{
vertical-align:super;
font-size:11px;
}

.exposant2{
vertical-align:super;
font-size:9px;
text-decoration:underline;
color:#FF6600;
}


/********************************** CARACTERISTIQUE **********************************/
#caracteristique{
	padding:0px;
	width:550px;
	float:left;
	/*margin:5 30px;
	border:1px solid blue;*/
}

#caracteristique_droite{
float:right;
/*margin-left:20px;*/
padding:0;
margin:0;
width:auto;
/*border:1px red solid;*/
}
#caracteristique_droite img{
	float:right;
	width:380px;
	/*border:1px solid blue;*/
	margin-top:150px;
}

#caracteristique_droite object{
	float:right;
	width:380px;
	/*border:1px solid blue;*/
	margin-top:100px;
}


#caracteristique p{
	padding:0px 0px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}

#caracteristique img{
	float:left;
	margin:0px 10px 5px 0px;
	/*border:1px solid blue;*/
}
#caracteristique .img{
	float:right;
	margin:0px 30px 0px 5px;
	/*border:1px solid blue;*/
}
#caracteristique .img1{
	float:left;
	margin:0px 5px 0px 0px;
	/*border:1px solid blue;*/
}

.retrait{
margin-left:12px;
}

/********************************** ETUDE VALIDATION **********************************/
#etude-validation{
	padding:0px;
	width:550px;
	float:left;
	/*margin:5 30px;*/
	/*border:1px solid blue;*/
}
#etude-validation p{
	padding:0px 15px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}
#etude-validation .img{
	float:left;
	margin:0px 10px 5px 0px;
	/*border:1px solid blue;*/
}

#etude_validation_droite{
float:left;
margin-left:20px;
width:370px;
margin-top:55px;
/*border:1px red solid;*/
}

#etude_validation_droite p{
	padding:0px 15px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}

#etude_validation_droite .savoirplus{
	float:left;
	color: #FD5700;
	text-decoration:none;
}



/************************************ REVUE DE PRESSE *************************************/
#presse{
	padding:0px;
	width:550px;
	float:left;
	text-align:justify;
	/*margin:5 30px;*/
	/*border:1px solid blue;*/
}
#pressedroite{
	padding:0px;
	width:auto;
	float:left;
	text-align:justify;
	/*margin:5 30px;*/
	/*border:1px solid blue;*/
}

#presse p{
	padding:0px 15px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}


#presse a{
color:#FD5700;
text-decoration:none;
}


#presse a:hover{
color:#FD5700;
text-decoration:none;
}

.vert strong{
color:#66CC99;
}

#pressedroite a{
color:#FD5700;
text-decoration:none;
}

.orange strong{
color:#FD5700;
}
/************************************ LIVRE D'OR *************************************/
#livredor{
	padding:0px;
	width:550px;
	float:left;
	margin-bottom:50px;
	text-align:justify;
	/*margin:5 30px;*/
	/*border:1px solid blue;*/
}

#livredor p{
	padding:0px 15px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}


/************************************ FAQ *************************************/
#faq{
	padding:0px;
	width:550px;
	float:left;
	/*margin-bottom:50px;*/
	text-align:justify;
}

#faq p{
	padding:0px 15px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}


/************************************ CONTACT *************************************/
#contact{
	padding:0px;
	width:550px;
	float:left;
	/*margin:5 30px;*/
	/*border:1px solid blue;*/
}

#contact p{
	padding:0px 15px 10px 0px ;
	text-align:justify;
	/*border:1px solid blue;*/
}

#contact_droite{
float:left;
margin-top:40px;
width:360px;
padding-bottom:50px;
/*border:1px red solid;*/
}

#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;
}


/************************************ POURQUOI IPS *************************************/
#pourquoi_IPS{
	padding:0px;
	width:520px;
	float:left;
	/*margin-bottom:50px;
	margin-top:45px;*/
	/*border:1px solid blue;*/
}
#pourquoi_IPS .bibliographie{
	float:left;
	width:550px;
	/*border:1px solid black;*/
	/*height:500px;*/
	position:relative;
}
#lien_gauche{
	float:left;
	width:320px;
	/*border:1px solid red;*/
	
}
#graph{
	/*float:right;*/
	width:auto;
	padding:0px;
	margin:0 20px 0 0;
	/*border:1px solid pink;*/
	position:absolute;
	top:5px;
	right:5px;
}
.video{
	float:right;
	width:360px;
	/*margin-left:25px;*/
	margin-top:50px;
	/*border:1px solid red;*/
}
#pourquoi_IPS .bas {
	float:left;
	width:520px;
	clear:both;
	margin-top:0px;
}




.bibliographie .biblio_lien{
	float:left;
	width:315px;
	background-color:#66CC99;
	margin-bottom:20px;
	padding:5px;
	color:#003333;
	clear:both;
	/*border:1px solid blue;*/
}

.biblio_lien li{
	list-style-image:url(../images/charte/puce02.gif);
	margin-bottom:0px;
	margin-left:-20px;
	/*letter-spacing:-0.05em;*/
}


.biblio_lien li b{
	color:#FFFFFF;
}


.bibliographie .biblio_lien img{
border:0;
}


#pourquoi_IPS .bibliographie .biblio_lien .blanc{
color:#FFF;
font-weight:bold;
}

#pourquoi_IPS .bibliographie .biblio_lien h1{
	margin:0;
	font:bold italic 1.6em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#003082;
	border-bottom:1px solid #003082;
}




/************************************ COMMENT IPS *************************************/
#comment_IPS{
	padding:0px;
	width:550px;
	float:left;
	/*margin-bottom:50px;
	margin-top:30px;
	padding-bottom:20px;*/
}

#comment_IPS .savoirplus{
	float:left;
	color: #FD5700;
	text-decoration:none;
}

#comment_IPS .comment_cellule{
	float:left;
	margin-right:40px;
	margin-bottom:20px;
	/*border:1px red solid;*/
}

#comment_IPS h2{
	margin:15px 0;
	font:bold italic 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#fd5700;
	border-bottom:1px solid #fd5700;
}

#comment_IPS h3{
	margin:0px;
	font:bold italic 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#666666;
}

.savoirplus_droite
{
color:#CC6600;
float:right;
font-weight:bold;
padding-top:21px;
}

.marge_commentIPS{
padding-top:40px;
}


/************************************ COMMANDE *************************************/
#commande{
	padding:0px;
	width:520px;
	float:left;
	margin-bottom:50px;
	/*margin-top:30px;*/
}

#commande_droite{
float:left;
margin-top:40px;
width:360px;
padding-bottom:50px;
/*border:1px red solid;*/
}

#commande img {
	margin-right:3px;
}



#popup_biblio {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	padding:10px;
}

#popup_biblio p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:10px;
}

#popup_biblio strong{
color:#990000;
}

#popup_biblio h2{
	margin:15px 0;
	font:bold italic 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#fd5700;

}


#texte_sous_membrane {
clear: both;
color: #003082;
margin-left: 25px;
margin-top:30px;
margin-bottom:10px;
}

.contour_demo {
border: 1px solid;
margin-left: 7px;
margin-right: 7px;
display:inline;
}