/* CSS Document */

body{
	margin: 0px;
	height: 100%;
	padding: 0px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFCC00;
	color : #333333
	}
	
html{
	height: 100%;
	width: 100%;
	position: relative;
}

p{
margin: 0px;
}
	
#fondbanniere {
	height: 90px;
	width: 100%;
}

#conteneur {
	width: 900px;
	min-height: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px auto;
	background-color: #FFFFFF;
	text-align: left;
}

#navigation{
	padding :0em;
	margin-left: 0em;
	float: left;
	margin-right: 2em;
	margin-top: 0em;
	}
	
#conteneur .contenu .textpresentation .lienfichier { /*lien dans le texte qui pointe vers un fichier*/
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #333333;
}

h1 {
	color: #0099FF;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 2em;
	padding: 0em;
	margin: 0em 0em 1em;
	text-align: left;
	line-height: 1.5em;
}

.textpresentation {/*texte general*/
	font-size: 0.9em;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: normal;
	color: #333333;
	margin-right: 1em;
	margin-left: 2em;
}

.motprevention {
	font-weight: bold;
	color: #0099FF;
}

.motconseil {
	font-weight: bold;
	color: #ff6600;
}


.texteentree {/*texte de la page accueil*/
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
	color: #ED930B;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-style: italic;
}

.contenu {
	color: #333333;
	background-image: url(images/soleil.gif);
	background-repeat: no-repeat;
	background-position: 300px 100px;
	background-color: #FFFFFF;
	text-align: left;
}

#conteneur #baseline {/*titre sous la banniere*/
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 2em;
	text-align: center;
	background-color: #1B203D;
}

#conteneur #baseline .prevention { /*mot prevention dans le titre sous la banniere*/
	color: #0099FF;
}

#conteneur #baseline .developpement {/*mot developpement dans le titre sous la banniere*/
	color: #FF9900;
}

.question {/*question des pagesperformances et risques*/
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1.1em;
	font-style: italic;
	text-align: left;
	margin-bottom: 1em;
}

#conteneur .contenu a {/*liens dans le texte*/
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1em;
	color: #FF9900;
	text-align: left;
	font-weight: bold;
}

#conteneur .contenu .slogan .motslogan {/*petit texte bleu sous les titres dans page amelioration*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: oblique;
	color: #0099ff;
	text-indent: 7em;
	word-spacing: 0.2em;
}

#conteneur .contenu .slogan_entree{/*texte italique sous lien dans amelioration*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: oblique;
	text-indent: 7em;
	word-spacing: 0.2em;
}

h3 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1.5em;
	font-style: normal;
	color: #ff6600;
	padding: 0px;
	text-align: left;
	margin-left: 2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#conteneur .contenu .slogan {/*div qui contient le titre et petit slogan decale en italique*/
	margin-bottom: 1em;
	text-align: left;
}

#conteneur .contenu .telephone { /*telephone page contact*/
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	color: #0099FF;
	font-weight: bold;
}



.textitalique { /*reponse prevention conseil en italique*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	font-style: italic;
	text-indent: 3em;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 0.5em;
}

.textitalique2 { /*reponse prevention conseil en italique*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	font-style: italic;
	text-indent: 3em;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	background-color: #c8e4ff;
	width: 20em;
}

.textitalique3 { /*reponse prevention conseil en italique*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	font-style: italic;
	text-indent: 3em;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	background-color: #c8e4ff;
	width: 40em;
}
#conteneur .contenu .contact {/*mise en forme de demande de devis*/
	color: #333333;
	font-weight: bold;
	font-size: 0.9em;
	font-family: "Trebuchet MS", Verdana, Arial;
	line-height: 2em;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 2em;
}
#conteneur .contenu .retour {/*mise en forme de la fleche retout vers le haut*/
	color: #999999;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.9em;
	line-height: 2em;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 2em;
}

.orange {/*ligne separatrice entre les reponse*/
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 0.1em;
	color: #666666;
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#conteneur .contenu .retour img {
	border: 0;
}

#conteneur .contenu .contact {
	border: 0;	
}

#conteneur .contenu .contact img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#conteneur .contenu .contactformation {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #333333;
}
#conteneur .contenu .contactformation img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#conteneur .contenu .accrocheaccueil {/*texte violet page accueil*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.5em;
	font-weight: bold;
	color: #8C006F;
	text-align: right;
	margin-right: 2em;
}


#conteneur .contenu .listepresentation {/*decalage des liste vers la droite*/
	position: relative;
	text-align: left;
	list-style-position: inside;
	list-style-type: circle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	line-height: 1.5em;
	left: 2em;
}

#conteneur .contenu .degradebleu {
	background-image: url(images/degrade800-300.jpg);
	background-repeat: no-repeat;
}

#conteneur .contenu .bulle {/*position bulle*/
	float: right;
	margin-top: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#conteneur .contenu .textphoto {/*credits photo*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
}
#conteneur .contenu .fonbleu {
	background-color: #c8e4ff;
}
blockquote {
	background-color: #c8e4ff;
}
#conteneur .contenu .phrasecourte {
	margin-left: 50px;
}
#conteneur .contenu .blanc {
	background-color: #FFFFFF;
}