html{

}

body{	
	text-align: center; /* pour IE */
	color: #515053;
	margin: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/fond-body-autrepage.jpg) repeat-x;
	line-height: 15px;	
}

body.index{
	background: url(images/fond-body.jpg) repeat-x;
}

body.realisation{
	background: url(images/fond-body-realisation.jpg) repeat-x;
}

h1{
	margin: 0px 0px 15px 0px;
	font-size: 17px;
	font-weight:normal;
	color: #3691A6;
	line-height: 20px;
}

h2{
	font-size: 14px;	
	font-weight:normal;
	margin: 20px 0px 5px 0px;
	color: #20626e;
	line-height: 20px;
}


#texte-partie-droite-haut-page h2.vert{
	padding: 0;
}


h3{
	margin: 10px 0px 5px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #3691A6;
}

h4{
	margin: 5px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}

p{
	margin: 0px 0px 5px 0px;
	text-align:left;
	line-height:16px;
}

img{
	border: none;	
}

a{
	text-decoration: none;
	color:#3691A6;
}

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

#header{
	margin: 0px auto;
	width: 936px;
	height: 164px;	
	background: url(images/nouveau-header.jpg) no-repeat;
	text-align: left;
}

#menu-fixed{
	position: absolute;	
	z-index: 2;
	width: 995px;	
	height: 22px;
	cursor: pointer;		
}

#diaporama{	
	margin-bottom: 30px;	
}

#accordionprincipal p{
	font-size: 11px;
}

/*
#header-realisation{
	margin: 0px auto;
	width: 936px;
	height: 164px;	
	background: url(images/fond-header-realisation.jpg) no-repeat
}

#header-autrepage{
	margin: 0px auto;
	width: 936px;
	height: 165px;	
	background: url(images/fond-header-autrepage.jpg) no-repeat
}
*/

.petit-menu{
	color: #a2af00;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.module-news{
	margin-top: 20px;
	margin-bottom: 20px;
	width : 317px;
	height: 284px;
	color: #535354;
	background: #d5d4d6;	
}

#texte-partie-droite-haut-page .module-news h2{
	padding: 0;
	
}

.module-news h3{
	font-size: 12px;
	font-weight: bold;
	color: #3691A6;
}

.module-news p{
	margin: 0px 0px 5px 0px;
	text-align:left;
	line-height:16px;
}

.wrapper-element-news{
	float: left;
	text-align: left;
	width: 300px;
	cursor: pointer;
}

.element-news{
	width: 300px;
	height: 100px;
}

.image-degrade{
	display: block;
	margin: 0px auto;
}

.retrait-puce{
	margin-left: -13px;
}

.sous-menu-realisation-on{
	clear: both;
	margin-top: -30px;
	display: block;
	background: none repeat scroll 0 0 #EBEBEB;
	padding: 5px 0px;
	width: 675px;
}

.sous-menu-realisation-off{
	clear: both;
	margin-top: -30px;
	display: none;
	padding: 5px 0px;
	width: 675px;
}

#partie-bas-module-news{
	padding: 10px;
}

#sous-titre.padding-haut{
	clear: both;
	padding-top: 5px;
}

#animation-flash-menu-fixed{
	text-align: left;
	margin: 0px auto;
	width: 995px;
}

#partie-haut-menu-principal{
	text-align: right;
	padding-right: 10px;
}

#partie-bas-menu-principal{
	margin-top: 30px;
	margin-left: 10px;

}

#media-sociaux{
	height: 40px;
}

#logo{
	position: absolute;
	z-index: 3;
	width: 181px;
	height: 165px;
	margin-top: 30px;
	margin-left: 25px;	
}

#bandeau{
	margin: 0px auto;
	width: 936px;
	height: 310px;
	/*background: url(images/bandeau-accueil.jpg) no-repeat;*/
}

#bandeau-realisation{
	margin: 0px auto;
	width: 942px;
	height: 504px;
	background: url(images/fond-bandeau-realisation.jpg) no-repeat;	
}

#bandeau-realisation.ie{
	margin: 0px auto;
	width: 985px;
	height: 504px;
	background: url(images/fond-bandeau-realisation.jpg) no-repeat;	
}

#bandeau-3{	
	margin: 0px auto;	
	width: 936px;
	height: 204px;
	background: url(images/bandeau-3.jpg) no-repeat;	
}

#bandeau-4{
	margin: 0px auto;
	width: 936px;
	height: 204px;
	background: url(images/bandeau-4.jpg) no-repeat;	
}

#bandeau-5{
	margin: 0px auto;
	width: 936px;
	height: 204px;
	background: url(images/bandeau-5.jpg) no-repeat;	
}

#bandeau-6{
	margin: 0px auto;
	width: 936px;
	height: 204px;
	background: url(images/bandeau-6.jpg) no-repeat;	
}

#bandeau-15{
	margin: 0px auto;
	width: 936px;
	height: 204px;
	background: url(images/bandeau-15.jpg) no-repeat;	
}

#bandeau-10{
	margin: 0px auto;
	width: 936px;
	height: 204px;
	background: url(images/bandeau-10.jpg) no-repeat;	
}

#bandeau-14{
	margin: 0px auto;
	width: 936px;
	height: 204px;
	background: url(images/bandeau-14.jpg) no-repeat;	
}

#bandeau-19{
	margin: 0px auto;
	width: 936px;
	height: 204px;
	background: url(images/bandeau-19.jpg) no-repeat;	
}

#bandeau-autre-page{
	margin: 0px auto;
	width: 942px;
	height: 204px;
	background: url(images/bandeau-autre-page.jpg) no-repeat;	
}

#realisation{	
	width: 942px;
	height: 504px;	
	text-align: left;
}

#realisation.ie{	
	width: 985px;
	height: 504px;	
	text-align: left;
}

#image-realisation{
	float: left;
	width: 685px;
	height: 504px;	
}

#description-realisation{			
	width: 246px;
	height: 504px;
	float: left;
	background: url(images/fond-calque-realisation.png) repeat-y;
	color: #FFFFFF;
}

#texte-description-realisation{
	padding: 0px 0px 0px 60px;
	color: #FFFFFF;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#texte-description-realisation h2{
	font-size : 15px;
	margin : 5px 0px 5px 0px;
	color: #fff;
	font-weight: bold;
}

#texte-description-realisation h3{
	font-size : 12px;
	margin: 0px;
	color: #FFFFFF;
}

#texte-description-realisation p{
	font-size : 11px;
	margin: 0px;
	color: #000;
	text-align: right;
}
#texte-description-realisation a{
	color: #000;
	text-align: right;
}
#texte-description-realisation a:hover{
	color: #fff;
	text-decoration: none;
	
}



.vignette{
	width: 41px;
	height: 41px;
	float: left;
	margin-right: 14px;	
	background: #01596d;
}

.vignette img{
	border: #1b7b91 4px solid;
	cursor: pointer;
}

#page{
	margin: 0px auto;
	width: 906px;
	background: url(images/fond-wrapper.jpg) repeat-y;
}

#menu-principal{	
	position: absolute;
	z-index: 3;
	margin-left: 200px;
	margin-top: 30px;	
	float: right;
	width: 705px;
}

#partie-bas-page{
	clear: both;
	margin: 0px auto;
	width: 820px;
	height: 135px;	
}

#partie-haut-page{
	margin: 0px auto;		
	padding-top: 15px;
	width: 820px;
}

#texte-partie-haut-page{
	float: left;
	color: #b2b2b2;
	font-size: 9px;
}

#partie-milieu-page{	
	overflow: hidden;
	margin: 0px auto;
	width: 820px;
	clear: both;
}

#texte-partie-milieu-page{
	padding-top: 20px;
}

#texte-partie-milieu-page.realisation h3{
	font-size: 12px;	
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	color: #004555;
}


#partie-gauche-haut-page{
	float: left;
	width: 479px;		
}

#texte-partie-gauche-haut-page{
	text-align: left;
	padding: 10px 20px 20px 0px;
}


#texte-partie-gauche-haut-page p{
	margin: 0px 0px 5px 0px;
	text-align:justify;
	line-height:16px;	
}

#texte-partie-droite-haut-page{
	text-align: left;
	padding: 7px 0px 20px 20px;	
}

#texte-partie-droite-haut-page h2{
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	
}

#partie-droite-haut-page{
	float: left;
	width: 331px;
	border-left: #bfbfbf 1px solid;
}

#footer{
	margin: 0px auto;	
	height: 110px;
	width: 906px;
	clear: both;
	font-size: 10px;
	background: url(images/fond-footer.jpg) repeat-y;	
}

#texte-footer{
	padding-left: 40px;	
	padding-top: 25px;
	line-height: 16px;
}

#texte-footer a:hover{ 
	color: #bac102;
}

#formulaire-identification{
	font: 12px Verdana, Arial, Helvetica, sans-serif;	
}

/*Formulaire de contact*/
.texte-champs{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #004555;
	background-color: #ffffff;
	padding: 3px;
	border: none;
}

.texte-formu{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #004555;
	background-color: #E6E6E6;
	padding: 5px;
	border: 1px solid;
}

.bouton-bleu{
	background:none repeat scroll 0 0 #004E55;
	color:#FFFFFF;
	padding:2px 15px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}



.bloc-page{
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

.bloc-page h2{
	font-size: 12px;	
	font-weight:normal;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 2px 3px;
	color: #ffffff;	
	background: url(images/fond-titre-bloc.jpg) no-repeat;
	
}

.bloc-milieu-page{
	width: 205px;	
	min-height: 100px;
	float: left;	
	text-align: left;
	border-right: #bfbfbf 1px solid;	
	
}

.texte-bloc-milieu-page{
	padding-left: 20px;
	padding-right: 20px;
}

.texte-bloc-milieu-page-premier{	
	padding-right: 20px;
}

.texte-bloc-milieu-page-dernier{	
	padding-left: 20px;
}

.bloc-milieu-page-dernier{
	width: 200px;	
	min-height: 100px;
	float: left;	
	text-align: left;	
}

.bloc-footer{
	float: left;
	text-align: left;
	margin-left: 20px;
	width: 200px;	
}

.bloc-footer-premier{
	float: left;
	text-align: left;
	margin-left: 0px;
	width: 200px;	
}

.bloc-footer-petit{
	float: left;
	text-align: left;
	margin-left: 20px;
	width: 170px;	
}

.bloc-footer a, .bloc-footer-petit a, .bloc-footer-premier a{
	color: #8F8F8F;
}

.bloc-footer a.bleu-clair, 
.bloc-footer-petit a.bleu-clair{
	color: #3691A6;
}

.texte-bloc-page{
	color: #7F7F7F;
	line-height: 14px;
	font: 11px Arial, Helvetica, sans-serif;	
}

.texte-bloc-page p{
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
}

.bloc-page img {
	/*border: #3691A6 3px solid;*/	
}

#partie-haut-bloc-bas-page{
	padding-bottom: 5px;
	border-bottom: 1px #b2b2b2 solid;	
}

#partie-haut-bloc-milieu-bas-page{
	padding-bottom: 5px;
	border-bottom: 1px #8F8F8F solid;
	padding-left: 50px;
	padding-right: 60px;
}

#partie-bas-bloc-bas-page{	
	padding-top: 10px;
}

#partie-bas-bloc-milieu-bas-page{	
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 60px;
}

#bouton-rejoindre{
	float: left;
}

#bouton-partager{
	float: left;
	margin-left: 20px;
}

#PlayerDiv{
	margin-left: 110px;
	margin-top: 40px;
}

.image-jaime{
	margin-top: 4px;
}

.bleu-facebook{
	color: #3b5998;
	margin-top: 5px;
}

.menu{		
	float: left;
	color: #8F8F8F;
	font-size: 14px;
	height: 22px; /* pour IE */
	
}

.menu a{	
	text-decoration: none;
	/*letter-spacing: 0.02em;*/
}

.menu a:hover{
	color: #3691A6;	
}

.menu a.active{
	color: #3691A6;	
}

.soustitre{
	color: #657477;
	font: 18px Arial, Helvetica, sans-serif;
}

a.active-fond-color-gris{
	background: #ebebeb;
	color: #9c9c9c;
	padding: 5px 5px 6px 5px;	
}

a.fond-color-bleu{
	background: #ebebeb;
	color: #3691A6;
	padding: 5px;	
}

a.fond-color-bleu:hover{
	background: #ebebeb;
	color: #000000;
		padding: 5px;	
}

a.active-fond-color-bleu{
	background: #ebebeb;
	color: #000000;
	padding: 5px 15px 5px 15px;	
}

a.gris-realisation{
	color: #515053;
	padding: 5px;
}

a.gris-realisation:hover{
	background: #ebebeb;
	color: #3691A6;
	padding: 5px;
}

/* couleurs */
.bleu-fonce{
	color: #004555;
}

.bleu-clair{
	color: #3691A6;
}

.gris{
	color: #515053;
}

.vert{
	color: #a2af00;
}
.noir{
	color: #000;
}

.carre-gris{
	background: #515053;
	height: 20px;
	width: 30px;
	margin-right: 20px;
	float: left;	
}

.carre-jaune{
	background: #f3d614;
	height: 20px;
	width: 30px;
	margin-right: 20px;
	float: left;
}

.carre-bleu{
	background: #3691A6;
	height: 20px;
	width: 30px;
	margin-right: 20px;
	float: left;
}