/*Taille du contenu obligatoirement en font-size: 12px;*/
/*fix ie6 png bug*/
img, div { behavior: url(iepngfix.htc); }

body { margin:0; padding:0; background:url(../images/bg.gif) repeat-x #172a44; text-align:center; }
img { border:none; }
div, td { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#5e5b5b; line-height:16px; font-size:12px;}
table{border-collapse: collapse; }

a { color:#5e5b5b;}
p { padding:5px 0; margin:0;}
ul li { list-style-type:none; }

.clear { clear:left;}
.clear1 { clear:right;}
.clear2 { clear:both;}


#wrap { width:865px; margin:0 auto; padding:0;}
#top { width:865px; margin:0; padding:84px 0 20px 0; position:relative;}
#menu { width:238px; height:316px; padding:0; margin:45px 0 0 3px; float:left; background:#688dc4;}
#menu ul { margin:0 5px 0 3px; padding:0; width:230px; overflow:hidden;}
#menu ul li { float:left; overflow:hidden;}
#menu ul li a { display:block; width:460px;}
#menu ul li a:hover { margin-left:-230px;}

#sousmenu { width: 230px; padding:0;  text-align: left; position: absolute; left:241px; top: 150px; z-index: 1; }
#sousmenu #sm1 { width:230px; overflow:hidden; display: none; text-align: left;  padding:0;  }
#sousmenu #sm1 ul { width:230px; overflow:hidden; margin:0; padding: 0;   }
#sousmenu #sm1 ul li { float: left; overflow:hidden; list-style-type: none; list-style-image:none; }
#sousmenu #sm1 ul li a { display:block;  width:460px; }
#sousmenu #sm1 ul li a:hover { margin-left:-230px;}

#sousmenu2 {  width: 230px; padding:0;  text-align: left; position: absolute; left:241px; top: 225px; z-index: 1; }
#sousmenu2 #sm2 { width:230px; overflow:hidden; display: none; text-align: left;  padding:0;  }
#sousmenu2 #sm2 ul { width:230px; overflow:hidden; margin:0; padding: 0;   }
#sousmenu2 #sm2 ul li { float: left; overflow:hidden; list-style-type: none; list-style-image:none; }
#sousmenu2 #sm2 ul li a { display:block;  width:460px; }
#sousmenu2 #sm2 ul li a:hover { margin-left:-230px;}

#anim { width:610px; height:360px; overflow:hidden; float:right; padding: 0 5px;}
#flash { width:610px; height:360px; overflow:hidden;}

#text-left {width:245px; text-align:justify; background:#dddddd; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.text2 {padding:10px;}
#logo { width:410px; height:100px; overflow:hidden; position:absolute; top:15px; left:6px;}
#menutop { width:19px; overflow:hidden; position:absolute; top:153px; right:29px;}
#menutop a {display:block; height:19px; width:19px; overflow:hidden; margin-bottom:23px;}
#main { width:865px; overflow:hidden;}
#left { width:245px; float:left;}
#right { width:620px; float:right;}
.photo1 { width:135px; float:left; text-align:left;}
.photo2 { width:110px; text-align:left; float:left;}
.photo3 { width:245px; text-align:left;}
.photo1 img, .photo2 img, .photo3 img {margin:5px 0;}
.content { width:610px; padding:0; margin:10px 5px; background:url(../images/main-mid.gif) repeat-y;}
.contenue { width:610px; background:url(../images/main-bot.gif) bottom no-repeat;}
.page { width:590px; padding:10px; background:url(../images/main-top.gif) 0 0 no-repeat;}
.text { text-align:justify; padding:10px;}
.text h1, .text3 h1 {text-align:center; color:red; font-size:20px;}
.text h2 {text-align:center; color:#305da0;}
.text h3 {text-align:center; color:#305da0;}
.text3 img {border:0; margin:0; padding:0;}
.text table {text-align:left;}
.mesci {color:red;}
.text a {text-decoration:none;}
.text table {margin:20px 0 20px 0; width:500px; margin:0 auto;}
.text td {width:150px;}
.text img {border:1px solid #305da0; }

#footer { width:865px; margin:0; padding:15px 0; background:url(../images/bg_bot.gif) top repeat-x; color:#42597b; font-family:Tahoma, Arial, Helvetica, sans-serif}
#footer a { padding:5px; color:#42597b; text-decoration:none;}
#footer img { margin:5px;}

/*PAGES MENTIONS LEGALES*/
#mentions p{margin: 10px 0 20px 40px;}
#mentions h1 {font-size:20px;}
#mentions h2 {font-size:15px;}


#div-2, #div-3, #div-4, #div-5,  #div-6 { display:none;}
#ongletmenu { background:#305da0; text-align:left; width:210px; float:left; border:1px solid #688dc4; margin:10px; }
#equipements { width:550px; margin:0 auto;}
.ongleton { font-size:11px; font-weight:bold; text-decoration:none; display:block; vertical-align:middle; color:#fff; padding:5px 10px; float:left; border-bottom:1px solid #688dc4; width:190px; background:#688dc4; }
.ongletoff { font-size:11px; font-weight:bold; text-decoration:none; display:block; vertical-align:middle; color:#fff; padding:5px 10px; float:left; border-bottom:1px solid #688dc4; width:190px; }
a#ondiversen { line-height:normal; }
a:hover.ongletoff {  text-decoration:none; color:white; background:url(../images/puce.gif) 180px center no-repeat; background-color:#688dc4;  }
a:hover.ongleton { color:white; text-decoration:none; background:url(../images/puce.gif) 180px center no-repeat; background-color:#688dc4;}
a:active.ongletoff {  color:white; text-decoration:none; background:url(../images/puce.gif) 180px center no-repeat; background-color:#688dc4;}