@charset "UTF-8";
/* CSS Document */

#thecssawards{
position:absolute;
top:0px;
right:0px;
z-index:555;
}
#thecssawards a{
	width:115px;
	height:115px;
	text-indent:-8000px;
	display:block;
	background-image: url(../images/honormention_green.png);
	background-repeat: no-repeat;
}



* {
	padding: 0;
	margin: 0;
}

html{
	overflow:hidden;
}

a img {
	border:none;
	
	
	
}


#Conteneur{


}


#Header{
	height: 63px;
	width: 100%;
	top: 0px;
	position: absolute;
	z-index: 22;
}


#HeaderGauche{
	height: 63px;
	width: 260px;
	display: inline;
	float: left;
}

#HeaderDroite{
	height: 63px;
	width: 650px;
	display: inline;
	float: right;
}


#Footer{
	height: 128px;
	width: 100%;
	bottom: 0px;
	position: absolute;
	z-index: 22;
	background-image: url(../images/elements/Fond-Bas_07.png);
	background-repeat: repeat-x;
}



/*Logo*/

.Fond {
}


.logo {
	display:block;
	height: 33px;
	width: 260px;
	background-image: url(../images/elements/ShowLine-Logo.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 10px;
}

.logo span {
	display:none;
}





/*Navigation du Haut*/

#HautMenu ul {
	list-style-type: none;
	display: inline;
}

#HautMenu li {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	display: inline;
	padding-left: 30px;
	margin-left: 30px;
}


#HautMenu a {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	line-height: 51px;
	text-align: center;
	font-weight: bold;
}

#HautMenu a:hover {
	color: #E79D52;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}



/*Rubriques site*/


      /*Welcome*/


#Welcome{
	left: 30px;
	top: 70px;
	position: absolute;
	z-index: 22;
	width: 1000px;
}

#Welcome h1{
	height: 20px;
	width: 971px;
	background-image: url(../images/elements/Bienvenue_07.png);
	background-repeat: no-repeat;
}

#Welcome h1 span{
	display:none;
}


#Welcome h2{
	background-image: url(../images/elements/ShowLine-Contact_16.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 390px;
	display: inline;
	float: left;
	margin-top: 20px;
}

#Welcome h2 span{
	display: none;	
}

#Welcome h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	display: inline;
	float: left;
	font-size: 25px;
	width: 100%;
	font-weight: lighter;
}

#Welcome h3 span{
	
}


#WelcomeOffres{
	width: 1000px;
	display: inline;
	float: left;
	margin-top: 30px;
}

.WelcomeOffresPic{
	border: 4px solid #FFF;
	display: block;
	float: left;
	margin-right: 20px;
}


#Welcome h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	display: inline;
	float: left;
	font-size: 20px;
	font-weight: lighter;
	width: 100%;
	margin-bottom: 10px;
}


#Welcome ul{
	list-style-type: none;
}

#Welcome li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 10px;
}

      /*Severine*/

#Severine{
	left: 30px;
	top: 70px;
	position: absolute;
	z-index: 22;
}

#Severine p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}

#Severine h1{
	background-image: url(../images/elements/severine_07.png);
	background-repeat: repeat;
	height: 22px;
	width: 971px;
	display: inline;
	float: left;
}

#Severine h1 span{
	display:none;
}


#SeverineBox{
	background-image: url(../images/elements/Cadre-severine_16.png);
	background-repeat: no-repeat;
	height: 443px;
	width: 931px;
	display: block;
	float: left;
	margin-top: 30px;
}

#SeverineBoxG{
	height: 430px;
	width: 430px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#SeverineBoxD{
	height: 430px;
	width: 430px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#SeverineBoxImages{

}

.SeverineS{
	margin-right: 5px;
	margin-left: 14px;
	margin-top: 20px;
}

       /*equipe*/

#equipe{
	left: 30px;
	top: 70px;
	position: absolute;
	z-index: 22;
	
}

#equipe h1{
	background-image: url(../images/titresRubrique/Lequipe_11.png);
	background-repeat: repeat;
	height: 25px;
	width: 971px;
}

#equipe h1 span{
display:none;
	
}


#equipeBox{
	height: 351px;
	width: 1000px;
	display: block;
	float: left;
	margin-top: 30px;
}

         /*Prestations*/

#Prestations{
	left: 30px;
	top: 70px;
	position: absolute;
	z-index: 22;
	
}

#PrestationsBox{
	height: 500px;
	width: 100%;
	display: block;
	float: left;
	margin-top: 30px;
}


#PrestationsBox{
	height: 500px;
	width: 100%;
	display: block;
	float: left;
	margin-top: 30px;
}

#PrestationsG{
	height: 100%;
	width: 200px;
	display: block;
	float: left;
}

#PrestationsD{
	height: 100%;
	width: 500px;
	display: block;
	float: left;
	background-color: #FF0;
}



#Prestations h1{
	background-image: url(../images/titresRubrique/tarifs_13.png);
	background-repeat: repeat;
	height: 23px;
	width: 971px;
}

#Prestations h1 span{
display:none;
	
}

#Prestations h2{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	
}

.TDPrestations{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5px;	
}

.TabTITRE{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	line-height: 30px;
}

.TabPrice{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	line-height: 20px;
}

.TabReference{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	line-height: 20px;
}

       /*Réalisations*/


#Realisations{
	left: 30px;
	top: 70px;
	position: absolute;
	z-index: 22;
	
}


#Realisations h1{
	background-image: url(../images/titresRubrique/realisations_11.png);
	background-repeat: repeat;
	height: 23px;
	width: 971px;
}

#Realisations h1 span{
display:none;
	
}

#Realisations h2{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-bottom: 5px;	
}


#RealisationsBox{
	height: 351px;
	width: 1024px;
	display: block;
	float: left;
	margin-top: 30px;
}


    /*AlbumPhoto*/

.miniature{
	height: 50px;
	width: 50px;
	display: block;
	float: left;
	background-color: #000;
	border: 1px solid #FFF;
	margin-right: 1px;
}



        /*Contact*/

#contact{
	left: 30px;
	top: 70px;
	position: absolute;
	z-index: 22;
}

#contact h1{
	background-image: url(../images/elements/Contact_07.png);
	background-repeat: repeat;
	height: 20px;
	width: 971px;	
}

#contact h1 span{
display:none;
	
}

#contact h2{
	height: 50px;
	width: 390px;
	background-image: url(../images/elements/ShowLine-Contact_16.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 70px;
	
}

#contact h2 span{
	display:none;

	
}

#contact h3{
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: lighter;
	font-size: 20px;
	margin-bottom: 10px;	
}

#contact h4{
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;	
}

#contact h5{
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 5px;	
}

#contact h6{
	width: 390px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 10px;
}



/*Cadre infos postal*/

#post{
	height: 118px;
	width: 150px;
	float: left;
	display: block;
	margin-left: 10px;
	margin-top: 14px;
}

#post a{
	text-decoration: none;
	color: #FFF;
}

#post a:hover{
	color: #930;
}

#post h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #C12D3E;
}

#post h2, h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 4px;
	color: #C12D3E;
}

#post h4{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	margin-top: 4px;
	color: #FFF;
	font-weight: lighter;
}



#partenaires{
	height: 118px;
	width: 200px;
	display: block;
	float: left;
	margin-left: 400px;
	margin-top: 14px;
}

#partenaires ul{
	list-style-type: none;
}

#partenaires h1{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}


#partenaires li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}


#partenaires a{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C12D3E;
	text-decoration: none;
	font-weight: normal;
}

#partenaires a:hover{
  font-size: 10px;
}



.MailsGris{
	margin-right: 2px;
}

.telephonesGris{
	margin-right: 2px;
}



/*SocialMediasBox*/

#socialmedias{
	height: 118px;
	width: 186px;
	display: block;
	float: right;
	margin-top: 14px;
}


.FaceBookGris {
	display:block;
	height: 24px;
	width: 118px;
	background-image: url(../images/elements/FaceBookGris_46.png);
	background-repeat: no-repeat;
	background-position: 2px;
	margin-top: 3px;
}


.FaceBookGris span {
	display:none;
}


.twitterGris {
	display:block;
	height: 21px;
	width: 118px;
	background-image: url(../images/elements/TwitterGris_59.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}

.twitterGris span {
	display:none;
}

.youtubeGris {
	display:block;
	height: 36px;
	width: 118px;
	background-image: url(../images/elements/YouTubeGris_68.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}

.youtubeGris span {
	display:none;
}






.fone{
	margin-right: 5px;
	margin-left: 5px;
	
}

.FaceBook {
	display:block;
	height: 38px;
	width: 118px;
	background-image: url(../images/elements/FaceBookBlanc_23.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px;
	background-position: 2px;
}

.FaceBook a:hover{

	background-image: url(../images/elements/FaceBookBlanc_Over.png);

}

.FaceBook span {
	display:none;
}


.twitter {
	display:block;
	height: 38px;
	width: 102px;
	background-image: url(../images/elements/TwitterBlanc_26.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px;
	background-position: 0px 10px;
}

.twitter span {
	display:none;
}

.youtube {
	display:block;
	height: 38px;
	width: 103px;
	background-image: url(../images/elements/YoutubeBlanc_23.png);
	background-repeat: no-repeat;
	float: left;
}

.youtube span {
	display:none;
}

#cadre {
	height: 400px;
	width: 400px;
}

#cadre h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C12D3E;
	margin-top: 10px;
}


#cadre p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

