body {
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#000000 url(/images/background.jpg) no-repeat fixed center top;
	min-width:912px;
	height:100%;
	font-family: Arial, Verdana, Sans-serif;
	font-size:100%;
	color:#FFFFFF;
}

html, body {
	height: 100%;
	/* ou min-height: 100%; height: auto; */
}

a, a:visited {
	text-decoration:none; color:#A1D068;
}
a:hover, a:visited:hover {
	text-decoration:underline; color:#A1D068;
}
a {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}
	
img {
	border:0 none; padding:0; margin:0;
}

p, th, ul, ol, li, blockquote, input, div {
	margin:0; padding:0;
}

input, select, table, td, textarea { 
	font: inherit; 
}
	
td, th {
	vertical-align:top; text-align:left;
}
	
em {
	font-style:italic;
}



sup {  
	vertical-align:baseline; font-size:75%; position:relative; top:-0.5em;
}


/**** Container ****/

#conteneur {
	width:912px; position: relative; text-align:left; margin:0 auto; padding:0;
}



/************ Header *************/ 

#header {
	padding:30px 0 0 0; width:890px; margin:0 auto;
}



/**** Menu ****/

#menu {
	position:absolute; top:250px; left:0; z-index:100;
}

#menu ul {
	margin:0 0 15px 0; padding: 0; list-style-type:none;
}
#menu li {
	margin:0; padding: 0 0 8px 0;
}



/************ Contenu *************/

#zone_video {
	background: url(/images/background_zone_video.png) no-repeat center top; height:433px; width:890px; margin:0 auto;
	position:relative;
}

#zone_video #playervideo {
	background: url(/images/background_playervideo.png) no-repeat center top; height:370px; width:646px;
	position:absolute; right:40px; top:25px; padding:1px 6px 8px 8px; text-align:right;
}


/**** Contenu ****/


.contenu {
	width:890px; margin:0 auto 7px auto; text-align:left; font-size:13px; font-size: .85em; text-align:left; line-height:1.4em;
}

.contenu .top {
	background: url(/images/background_contenu_top.png) repeat center 0; height:18px; font-size:0; line-height:0;
}
.contenu .background {
	background: url(/images/background_contenu.png) repeat center 0; margin:0; padding:12px 46px 20px 47px; /* width reel = 797px */
}
.contenu .footer {
	background: url(/images/background_contenu_bas.png) repeat center 0; height:27px; font-size:0; line-height:0;
}

h1 {
	font-size:1.7em; line-height:1.24em; font-weight:normal; padding:0 0 .5em 0; margin:0; color:#FFFFFF; font-family: Verdana, Arial, Verdana, Sans-serif;
}

.contenu p {
	padding: 0 0 .8em 0; margin: 0;
}

.contenu ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin:0 0 .6em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
	/*
	Pour avoir une image a la place de la bullet : 
	Methode 1 : list-style-type:none;
	Methode 2 : list-style-type: circle;
	*/
}
.contenu ol {
	margin:0 0 .6em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
}
.contenu ul ul, .contenu ul ol, .contenu ol ol, .contenu ol ul {
	margin-bottom:0; margin-top:.5em;
}
.contenu li {
	padding:0 0 .2em 0; margin:0;
	/*Pour avoir un bullet different au bout (image) 
	Methode 1 (Fonctionne mieux que le list-style )
	background: url(/images/bullet.gif) no-repeat left 0.5em; padding:0 0 .2em 15px; 
	Methode 2
	list-style-image: url(images/bullet.gif);
	*/
}
.contenu ul li ul, .contenu ul li ol,
.contenu ol li ul, .contenu ol li ol {
	margin-bottom:0;
}

.contenu .coller {
	padding: 0 0 .2em 0; margin: 0;
}

.contenu .retour {
	padding:0; font-size:.8em; text-align:right; clear:both;
}

.contenu .hautdepage {
	padding: .5em 0 0 0; font-size:.8em; text-align:right; line-height:0.5em; clear:both;
}

.contenu .imageGauche {
	float:left; margin:0px 15px .8em 0; padding:0;
}
.contenu .imageDroite {
	float:right; margin:0px 0 .8em 15px; padding:0;
}

.contenu .gauche {
	text-align:left; float:left; margin:0px 15px .8em 0; padding:0;
}
.contenu .droite {
	text-align:right; float:right; margin:0px 0 .8em 15px; padding:0;
}
.contenu .centre {
	text-align:center; margin:0 auto; padding:0;
}

.contenu .section {
	padding:0 0 0 25px;
}
.contenu .indention {
	padding:0; margin:0 0 0 25px;
}

.contenu .slogan {
	font-size: 1.1em;font-weight: bold; font-style:italic;
	padding: .5em 0 .9em 0;margin: 0;
	color: #A91419; text-align:center;
}

.contenu hr {
	color: #A91419; background-color: #A91419; height:1px; clear:both; margin:0 0 1em 0;
}

.contenu .encadre {
	padding: .8em .8em 0 .8em; margin: 0 1.5em;
	text-align:center; border:1px solid #A91419;
}

.contenu .bordure {
	border:1px solid #A91419;
}

.contenu .note {
	font-size:.8em;
}

.creditPhoto:hover {
	cursor: help;
}

/* Pour faire suivre le texte apres un float */
.spacer {
	clear:both; font-size:0px; line-height:0px; height:0px;
}

a.lienAnchor {
	text-decoration:none; font-size:0px; line-height:0px;
}



/** Tableaux **/

/* Tableau de base (transparent) */
.contenu table.tableauBase td {
	padding:2px; text-align:left;
}
.contenu table.tableauBase td p {
	padding: 0 0 .8em 0;
}




.buttonOff {
	opacity:.70; -moz-opacity: 0.7;
}
.buttonOn {
	opacity:100; -moz-opacity: 1;
}
.buttonOver {
	opacity:.50; -moz-opacity: 0.5;
}


.colonnes_container {
		
}
.colonnes_container .colonne1 {
	float:left; width:380px;
}
.colonnes_container .colonne2 {
	float:right; width:380px;
}


/* Site map */

.contenu ul.sitemap li {
	font-size:1.2em; font-weight:bold; padding-top:1em;
}
.contenu ul.sitemap li ul li {
	font-size:.9em; font-weight:normal; padding-top:.5em;
}



/**** Accueil ****/

#zone_valeur {
	background: url(/images/background_zone_valeur_top.png) no-repeat center top; width:890px; margin:0 auto; text-align:left; font-size:13px;
}
/* hack firefox */
html:not([lang*=""]) #zone_valeur {
  font-size:12px;
}
#zone_valeur h1 {
	padding:0; margin:0 0 14px 0; font-size:17px; line-height:1em; 
}
/* hack firefox */
html:not([lang*=""]) #zone_valeur h1 {
  font-size:17px;
}
#zone_valeur .background {
	background: url(/images/background_zone_valeur.png) no-repeat center 18px; padding:18px 0 30px 0; height:218px; position:relative; overflow:auto;
}
#zone_valeur .texte1 {
	float:left; margin:13px 0 0 207px; width:200px;
}
#zone_valeur .texte2 {
	float:left; margin:13px 0 0 20px; width:200px;
}
#zone_valeur .texte3 {
	float:left; margin:13px 0 0 20px; width:210px;
}


/**** Services ****/

#services .colonnes_container {
	padding:35px 0 0 0	
}
#services .colonnes_container .colonne1 {
	width:377px;
}
#services .colonnes_container .colonne2 {
	width:377px;
}

.bloc_video {
	position:relative; padding:15px 0 40px 0; background: url(/images/preview_videos/services_shadow.png) no-repeat left 15px;	
}
.bloc_video .titre {
	position:absolute; top:-15px; left:-15px; z-index: 100;
}


#logos {
	width:890px; margin:0 auto 7px auto; position:relative;
}
#logos .titre {
	position:absolute; top:15px; left:20px;
}
#logos .top {
	background: url(/images/background_logos_top.png) repeat center 0; height:18px; font-size:0; line-height:0;
}
#logos .background {
	background: url(/images/background_logos.png) repeat center 0; margin:0; padding:12px 26px 20px 27px; text-align:center; /* width reel = 837px */
}
#logos .footer {
	background: url(/images/background_logos_bas.png) repeat center 0; height:27px; font-size:0; line-height:0;
}
#logos img {
	margin: 0 20px 10px 20px; vertical-align:middle;
}




/**** Contact ****/

#equipe .contenu .background, #contact .contenu .background {
	padding-top:8px; padding-bottom:0;
}

#equipe .colonnes_container .colonne1, #contact .colonnes_container .colonne1 {
	width:316px;
}
#equipe .colonnes_container .colonne2, #contact .colonnes_container .colonne2 {
	width:454px; padding:10px 0;
}

#equipe .colonne2 .hauteurMin, #contact .colonne2 .hauteurMin {
	min-height: 137px; padding:0 0 10px 0;
}

#equipe .colonne2 .nom, #contact .colonne2 .nom {
	font-size:1.5em; font-family:Verdana, Arial, Geneva, sans-serif; margin:0 0 3px 0;
}
#equipe .colonne2 .titre, #contact .colonne2 .titre {
	padding:0 0 .8em 0;contact
}



/**** Demande en ligne ****/

body#demande_en_ligne {
	background:none; background-color:#FFF; min-width:500px; color:#333;
}

#demande_en_ligne .contenu {
	width:500px; text-align:left; margin:0 auto;
}

#demande_en_ligne .contenu h1 {
	font-size:1.5em; line-height:1.24em; font-weight:normal; padding:1em 0; margin:0; color:#333; font-family: Verdana, Arial, Verdana, Sans-serif;
}
/* hack ie7 */
*+html #demande_en_ligne .contenu h1 {
	padding:1em 0 0 0;
}

#demande_en_ligne table.tableauDemandeenligne {
	border-top:1px solid #333; border-bottom:1px solid #333;
}
#demande_en_ligne table.tableauDemandeenligne td {
	padding:.6em; text-align:left;
}
#demande_en_ligne table.tableauDemandeenligne input, #demande_en_ligne table.tableauDemandeenligne textarea {
	width:280px;
}
#demande_en_ligne table.tableauDemandeenligne td p {
	padding:0;
}






/**** Footer ****/

#footer {
	width:890px; margin:0 auto; padding:28px 0 38px 0; text-align:center; font-size:11px; color:#000000;
	background: url(/images/background_footer.png) no-repeat left top;
}
#footer .picto {
	margin-right:5px;
}



/* Lien taiga */

#webmaster {
	text-align:right; color: #FFFFFF; margin: 8px auto; padding:0 15px 0 0; 
	font-size:10px; width:875px;
}
#webmaster a, #webmaster a:visited {
	text-decoration:none; color:#FFFFFF;
}
#webmaster a:hover, #webmaster a:visited:hover {
	text-decoration:underline; color:#FFFFFF;
}