/* CSS Document */


* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	font-size: 62.5%;
	background-color : #d5e0f3;
	padding: 8px 8px 0px 8px;
}

#container {
	width: 760px;
	margin: 5px auto 0 auto;
}

#purpleframe {
width: 760px;
border: 1px solid #6f1f9f;
float: left;
}

/* ************************* HEADER ************************** */

div#topnav {
	width: 760px;
	height: 92px;
	background-color:#a1bdeb;
	margin: 0; padding:0; border: 0;	
}

#topimagbox {
width: 381px;
height: 83px;
float: left;
margin-top: 4px;
margin-left: 20px;
background: url('images/logo_header_fr.gif') no-repeat;
}

#topimagbox2 {
width: 381px;
height: 83px;
float: left;
margin-top: 4px;
margin-left: 20px;
background: url('images/logo_header_eng.gif') no-repeat;
}

#adressetop {
width: 250px;
height: 70px;
float:right;
margin-right: 20px;
margin-top: 5px;
font : 14px Times New Roman, Times, serif;
color: #001356;
line-height: 1.2em;
text-align: right;
}


/* ************************* CENTER  HOMEPAGE ************************** */

 div#overlord { 
 width: 760px; 
 }
 
 #bluebackgd {
 width: 760px;
 background-color: #547dd8;
 float:left;
 }
 
  div#containerleft {
	width: 330px;
	margin: 0; border: 0; padding: 0;
	float: left;}
	
#homepimagleft {
width: 300px;
height: 225px;
float: left;
margin-top: 15px;
margin-left: 15px;
}

#homepimagleft2 {
width: 320px;
float: left;
margin: 75px 0 10px 17px;
}

div#containerright {
	width: 415px;
	padding: 0; 
	border: 0; 
	margin:0;
	float: right;
	}

div#containerright4 {
	width: 410px;
	padding: 0; 
	border: 0; 
	margin:0;
	float: right;
	}

#frhometext2 {
width: 390px;
float: left;
text-align: justify;
font : 12px Times New Roman, Times, serif;
line-height: 1.1em;
color: #fff;
}

div#containerleft4 {
width: 330px;
margin: 0; border: 0; padding: 0;
float: left;}


#frtitlehome{
width: 390px;
height: 25px;
float: left;
margin-top: 15px;
font : 18px Times New Roman, Times, serif;
color: #fff;
}

#frhometext {
width: 394px;
float: left;
text-align: justify;
font : 12px Times New Roman, Times, serif;
color: #fff;
}

#centercontainer {
width: 712px;
height: auto;
float: left;
margin-left: 20px;
margin-bottom: 10px;
}

#centercontainer2 {
width: 712px;
height: auto;
float: left;
margin-left: 20px;
text-align: left;
font : bold 12px Times New Roman, Times, serif;
color: #001356;
}

#gbtitlehome{
width: 390px;
height: 25px;
float: left;
margin-top: 10px;
text-align: left;
font : 18px Times New Roman, Times, serif;
color: #fff;
}

#gbhometext {
width: 712px;
float: left;
text-align: justify;
font : 12px Times New Roman, Times, serif;
color: #fff;
}

 #centerbotmhome {
 width: 760px;
 height: 196px;
background: url('images/back_bottom.gif') repeat-x;  
 float:left;
 }

#homeimag2 {
width: 224px;
height: 162px;
float: left;
margin-left: 30px;
margin-top: 6px;
}

#homeblocbotm {
width: 462px;
height: 196px;
float: right;
}


/* ************************* BOTTOM HOMEPAGE ************************** */

#credits {
width: 755px;
height: 20px;
float: left;
margin-top: 10px;
text-align: center;
font: 11px Arial, Helvetica, sans-serif;
color: #001356;
}


/* ************************* OTHER PAGES ************************** */

#topmenu {
width: 760px;
height: 17px;
padding-top: 2px;
margin-top: 3px;
background-color: #001356;
float: left;
text-align: center;
font : 13px Times New Roman, Times, serif;
color: #fff;
}

#bottommenu {
width: 760px;
height: 18px;
background-color: #001356;
float: left;
padding-top: 4px;
text-align: center;
font : 13px Times New Roman, Times, serif;
color: #fff;
}

 #centerwhite {
 width: 760px;
 height: auto;
 background-color: #fff;  
 float:left;
 }
 
div#containerleft2 {
width: 420px;
margin: 0; border: 0; padding: 0;
float: left;}

div#containerleft3 {
width: 410px;
height: auto;
margin: 0; border: 0; padding: 0;
float: left;}

div#containerright2 {
width: 337px;
height: auto;
padding: 0; 
border: 0; 
margin:0;
float: right;}

div#containerright3 {
width: 347px;
padding: 0; 
border: 0; 
margin:0;
float: right;}

#titlegites{
width: 300px;
height: 30px;
float: right;
margin-top: 10px;
margin-right: 15px;
text-align: right;
font : 18px Times New Roman, Times, serif;
color: #fff;
}

#titletarif{
width: 300px;
height: 30px;
float: right;
margin-top: 67px;
margin-right: 15px;
text-align: right;
font : 18px Times New Roman, Times, serif;
color: #fff;
}

#titlethanx{
width: 325px;
height: 30px;
float: left;
margin-top: 20px;
margin-right: 10px;
text-align: center;
font : 18px Times New Roman, Times, serif;
color: #fff;
}

#gallerylinks{
width: 400px;
height: auto;
float: left;
margin-top: 10px;
margin-left: 15px;
text-align: left;
font : 14px Times New Roman, Times, serif;
color: #fff;
}

#giteimg1 {
width: 207px;
height: 339px;
float: left;
margin-left: 5px;
margin-top: 15px;
}

#giteimg2 {
width: 195px;
height: 339px;
float: right;
margin-top: 15px;
}

#topblocimg1 {
width: 400px;
height: 344px;
float: left;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

#topblocimg2 {
width: 350px;
height: 240px;
float: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
}

#topblocimg3 {
width: 320px;
height: 240px;
float: left;
margin-top: 10px;
}

#topblocimg4 {
width: 370px;
height: 324px;
float: left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

#topblocimg5 {
width: 370px;
height: 272px;
float: left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

#activit1 {
width: 190px;
height: 162px;
float: left;
}

#activit2 {
width: 170px;
height: 162px;
float: right;
}

#activit3 {
width: 370px;
height: 148px;
float: left;
margin-top: 10px;
}

#contenttop {
width: 300px;
float: right;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 10px;
text-align: left;
font : 12px Times New Roman, Times, serif;
color: #fff;
}

#titlescontent {
width: 390px;
height: auto;
float: left;
margin-left: 15px;
margin-top: 20px;
}

#contentsyrah {
width: 380px;
float: left;
margin-left: 15px;
text-align: justify;
font : bold 12px Times New Roman, Times, serif;
color: #562207;
}

#contentfleur {
width: 380px;
float: left;
margin-left: 15px;
text-align: justify;
font : bold 12px Times New Roman, Times, serif;
color: #055764;
}

#contentcinsault {
width: 380px;
float: left;
margin-left: 15px;
text-align: justify;
font : bold 12px Times New Roman, Times, serif;
color: #003300;
}

#split {
width: 720px;
height: 3px;
float: left;
border-top: 1px solid #001356;
margin-left:15px;
margin-top: 20px;
}

#imagesright {
width: 322px;
height: auto;
float: left;
margin-top: 30px;
}

#imagesright2 {
width: 323px;
height: auto;
float: left;
margin-top: 20px;
}

#imagesright3 {
width: 322px;
height: auto;
float: left;
margin-top: 70px;
}

#imagescenter {
width: 728px;
height: 265px;
float: left;
margin-left: 15px;
margin-top: 10px;
}

#textcenter {
width: 720px;
height: auto;
float: left;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
font : bold 12px Times New Roman, Times, serif;
color: #001356;
}

#textcenter2 {
width: 712px;
height: auto;
float: left;
text-align: center;
font : bold 12px Times New Roman, Times, serif;
color: #001356;
}

#whitebloctext {
width: 712px;
float: left;
text-align: justify;
font : 12px Times New Roman, Times, serif;
color: #001356;
}

/* ************************* LINKS ************************** */

  .creacom:link {color: #001356; text-decoration:underline;}
 .creacom:visited {color: #001356; text-decoration:underline;}
 .creacom:hover {color: #ff6600; text-decoration:none;}
 
  .white:link {color: #fff; text-decoration:none;}
 .white:visited {color: #fff; text-decoration:none;}
 .white:hover {color: #33CCFF; text-decoration:underline;}

  .white2:link {color: #fff; text-decoration:underline;}
 .white2:visited {color: #fff; text-decoration:underline;}
 .white2:hover {color: #33CCFF; text-decoration:none;}
 
 .white3:link {color: #fff; text-decoration:none;}
 .white3:visited {color: #fff; text-decoration:none;}
 .white3:hover {color: #001356; text-decoration:underline;}
 
  .white4:link {color: #fff; text-decoration:underline;}
 .white4:visited {color: #fff; text-decoration:underline;}
 .white4:hover {color: #001356; text-decoration:none;}
 
   .email:link {color: #001356; text-decoration:underline;}
 .email:visited {color: #001356; text-decoration:underline;}
 .email:hover {color: #fff; text-decoration:none;}
 
   .liens:link {color: #001356; text-decoration:underline;}
 .liens:visited {color: #001356; text-decoration:underline;}
 .liens:hover {color: #660066; text-decoration:none;}
 
.clear { clear: both; margin: 0; }

.darkblue {
text-align: left;
font : bold 13px Times New Roman, Times, serif;
line-height: 1.1em;
color: #001356;
}

.purple {
text-align: center;
font : bold 12px Times New Roman, Times, serif;
color: #CC0066 ;
}

.purple2 {
text-align: left;
font : bold 12px Times New Roman, Times, serif;
color: #CC0066 ;
}

.purple3 {
text-align: center;
font : bold 15px Times New Roman, Times, serif;
color: #CC0066 ;
}

.lagon {
text-align: center;
font : bold 12px Times New Roman, Times, serif;
color: #660066;
}

.whitetitle {
text-align: left;
font : bold 13px Times New Roman, Times, serif;
color: #fff;
}

.tdactiv {
padding: 5px;
background-color: #99ccff;
}

.tdcontact {
padding: 5px;
background-color: #99ccff;
text-align: left;
font : bold 13px Times New Roman, Times, serif;
color: #001356;
}

.img {
border: 1px solid #0b0e55;
}