body
{
   	margin: auto; /* Pour centrer notre page */
   	margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
   	margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   	padding: 0px;
   	text-align: center ;
   	background-color: #ffffff;
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer,  c'est la seule façon de centrer les éléments 
     de type block avec ce navigateur */
}
img
{
   	border: 0px;
}
	 
/*//////////////////////////////////////////////////////////////////////////
				           Le conteneur principal
//////////////////////////////////////////////////////////////////////////*/		
#container 
{ /*conteneur principal*/
   	width: 842px;
   	margin: 0 auto;
   	padding: 0px;
   	text-align: left ;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 842 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type  block 
    (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

/*//////////////////////////////////////////////////////////////////////////
				                 Header
//////////////////////////////////////////////////////////////////////////*/	
#container_header
{ /*conteneur bandeau*/
   	height: 120px;
   	width: 842px;
   	background-image: url("../images/theme/bg_header.gif");
}
#logozone
{
	padding-left: 45px;
	padding-top: 35px;
}


/*//////////////////////////////////////////////////////////////////////////
				              Bloc Central
//////////////////////////////////////////////////////////////////////////*/
#container_center
{
	height: 292px;
	width: 842px;
	background-image: url("../images/theme/bg_center.gif");
}
#maingps
{ 
	margin: 0px 262px 0px 262px;
	/*border: 1px solid #a07843;*/
	padding: 0px;
}
#maingps img
{ 
	position: absolute;
	z-index: 10;
}
#maingpsr_actu p{
	position: absolute;
	margin: 195px 0px 0px 140px;
	z-index: 40;
	}
#maingpsr_actu img{
	position: absolute;
	margin: 215px 0px 0px 140px;
	z-index: 30;
	}

#contentzone
{
	padding-left: auto;
	padding-right: auto;
	padding-top: 27px;
}
#content
{ 
	height: 265px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #a07843;*/
	/*letter-spacing:0.03em;*/
	padding-top: 0px;
	padding-right: 6px;
	overflow: auto;
	scrollbar-3dlight-color : #083669;
	scrollbar-arrow-color : #f4e597;
	scrollbar-base-color : #083669;
	scrollbar-dark-shadow-color : #083669;
	scrollbar-highlight-color : #083669;
	scrollbar-shadow-color : #083669;
	scrollbar-track-color : #184075;
}
#content h2
{ 
	margin-top: 0px;
	margin-bottom: 0px;
	color: #f4e597;
	font: 11px verdana, sans-serif;
	text-align: justify;
}
#content h4
{ 
	margin-top: 3px;
	margin-bottom: 6px;
	color: #f4e597;
	font: 12px verdana, sans-serif;
}
#content h5
{ 
	margin-top: 12px;
	margin-bottom: 6px;
	color: #f4e597;
	font: 11px verdana, sans-serif;
	text-align: justify;
}
#content h5>a
{ 
	color: #f4e597;
	text-decoration: none;
}
#content h6
{ 
	margin-top: 10px;
	margin-bottom: 10px;
	color: #f4e597;
	font: 11px verdana, sans-serif;
	text-align: justify;
}
#content h3
{ 
	margin-top: 10px;
	margin-bottom: 10px;
	color: #eb3134;
	font: 11px verdana, sans-serif;
	text-align: justify;
}
#content p
{ 
	margin-top: 6px;
	margin-bottom: 6px;
	font: 11px arial, verdana, sans-serif;
	color: #cfdafe;
	text-align: justify;
	/*letter-spacing: 1px;*/
}

#content a:link 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
#content a:visited 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
#content a:hover 
{ 
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #f4e597;
}


#content p.msg_err
{ 
	font: 11px arial, verdana, sans-serif;
	color: #FF0000;
	padding-left: 20px;
	text-align: justify;
	/*letter-spacing: 1px;*/
}
#content p.msg_connect
{ 
	font: 11px arial, verdana, sans-serif;
	color: #cfdafe;
	padding-left: 20px;
	text-align: justify;
	/*letter-spacing: 1px;*/
}
.text_underline
{ 
 text-decoration: underline; 
}
.retour
{
	float: right;
}
/*.activites_img {
	border: #ffffff 1px solid;
	float: left;
	margin: 1px 5px 1px 0px;
	}*/

/*// contenttrombi remplace content pour supprimer le scroll //*/
#contenttrombi
{ 
	height: 265px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #a07843;*/
	/*letter-spacing:0.03em;*/
	padding-top: 0px;
	padding-right: 6px;
	overflow: hidden;
}

#contenttrombi h4
{ 
	margin-top: 3px;
	color: #f4e597;
	font: 12px verdana, sans-serif;
}
#contenttrombi h5
{ 
	margin: 3px 0 10px 0;
	padding: 0;
	color: #f4e597;
	font: 11px verdana, sans-serif;
	text-align: justify;
}
#contenttrombi h6
{ 
	margin-top: 3px;
	margin-bottom: 10px;
	color: #f4e597;
	font: 11px verdana, sans-serif;
	text-align: justify;
}
#contenttrombi h3
{ 
	margin-top: 3px;
	margin-bottom: 10px;
	color: #eb3134;
	font: 11px verdana, sans-serif;
	text-align: justify;
}
#contenttrombi p
{ 
	font: 11px arial, verdana, sans-serif;
	color: #cfdafe;
	/*letter-spacing: 1px;*/
}
#contenttrombi p.msg_err
{ 
	font: 11px arial, verdana, sans-serif;
	color: #FF0000;
	padding-left: 20px;
	text-align: justify;
	/*letter-spacing: 1px;*/
}
#contenttrombi p.msg_connect
{ 
	font: 11px arial, verdana, sans-serif;
	color: #96CA2D;
	padding-left: 20px;
	text-align: justify;
	/*letter-spacing: 1px;*/
}
#searchtrombicontainer
{
	width: 200px;
	float: left;
	margin-bottom: 4px;
	pading-bottom: 0px;
}
#navtrombicontainer
{
	width: 400px;
	float: left;
	margin-bottom: 4px;
	pading-bottom: 0px;
}

#navtrombicontainer ul {padding: 0; }
#navtrombicontainer ul li {display: inline;}

#navtrombicontainer ul
{
margin: 0;
padding: 0 2% 0 0 ;
color: #ffffff;
font-family: arial, verdana, sans-serif;
font-size: 10px;
}

#navtrombicontainer ul li a
{
width: 9px;
padding: 1px 2px;
background-image: url("../images/theme/bg_mnu.gif");
background-repeat: repeat-x;
background-color: #266c98;
color: #ffffff;
text-decoration: none;
text-align: center;
float: left;
border-right: 1px solid #00467d;
}

#navtrombicontainer ul li a:hover
{
background-image: url("../images/theme/bg_mnuhv.gif");
background-repeat: repeat-x;
background-color: #0f3b66;
color: #f4e597;
text-align: center;
}

#navtrombilist li a:hover, #navlist li a:active
{
color: #ffffff;
text-decoration: none;
background: #6f95a3;
text-align: center;
}
#displaytrombi
{ 
	height: 200px;
	width: 370px;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #a07843;*/
	/*letter-spacing:0.03em;*/
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: auto;
	scrollbar-3dlight-color : #083669;
	scrollbar-arrow-color : #f4e597;
	scrollbar-base-color : #083669;
	scrollbar-dark-shadow-color : #083669;
	scrollbar-highlight-color : #083669;
	scrollbar-shadow-color : #083669;
	scrollbar-track-color : #184075;
	font: 11px arial, verdana, sans-serif;
	color: #cfdafe;
	text-align: left;
}

#displaytrombi a:link 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
#displaytrombi a:visited 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
#displaytrombi a:hover 
{ 
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #f4e597;
}
/* Documents */
#doc_icons
{
	position: relative;
	margin: 0;
	padding: 0;
}
#doc_icons li
{
	list-style-type: none;
}
#infoplongee
{
	position: absolute;
	left: 40px;
	top: 10px;
	
}
#infoplongee img
{
	width: 110px;
	height: 110px;
}

#regl_int
{
	position: absolute;
	left: 300px;
	top: 0px;
}
#regl_int img
{
	width: 60px;
	height: 60px;
}
#medical
{
	position: absolute;
	left: 240px;
	top: 80px;
}
#medical img
{
	width: 83px;
	height: 83px;
}
#technique
{
	position: absolute;
	left: 0px;
	top: 130px;
}
#technique img
{
	width: 93px;
	height: 93px;
}
#vente
{
	position: absolute;
	left: 130px;
	top: 150px;
}
#vente img
{
	width: 91px;
	height: 91px;
}
#biobulle
{
	position: absolute;
	left: 160px;
	top: 0px;
}

#biobulle img
{
	width: 90px;
	height: 90px;
}
#orientation
{
	position: absolute;
	left: 280px;
	top: 170px;
}
#orientation img
{
	width: 80px;
	height: 80px;
}
#memoire
{
	position: absolute;
	left: 140px;
	top: 150px;
}
#memoire img
{
	width: 90px;
	height: 90px;
}
#bubble_1
{
	position: absolute;
	left: 15px;
	top: 15px;
}
#bubble_1 img
{
	width: 15px;
	height: 15px;
}
#bubble_2
{
	position: absolute;
	left: 200px;
	top: 110px;
}
#bubble_2 img
{
	width: 30px;
	height: 30px;
}
#bubble_3
{
	position: absolute;
	left: 185px;
	top: 190px;
}
#bubble_3 img
{
	width: 30px;
	height: 30px;
}
#bubble_4
{
	position: absolute;
	left: 70px;
	top: 230px;
}
#bubble_4 img
{
	width: 25px;
	height: 25px;
}
#bubble_5
{
	position: absolute;
	left: 150px;
	top: 0px;
}
#bubble_5 img
{
	width: 25px;
	height: 25px;
}

#adminTable {
	width:70%;
}

.coloneL {
width:25%;
height:69px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.colonesR {
width:75%;
padding-left: 5px;
vertical-align: middle; 
}
.separation {
	background-image: url("../images/theme/bg_bar.gif");
}
.separation hr {
	display: none;
}

/*///////// contactForm ///////////*/

#ind_err a:link 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
#ind_err a:visited
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
#ind_err a:hover
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #f4e597;
}
.faq a:link 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
.faq a:visited 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
.faq a:hover 
{ 
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #f4e597;
}
.mdpoublie a:link 
{
	padding-left: 40px;
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
.mdpoublie a:visited 
{
	padding-left: 40px;
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
.mdpoublie a:hover 
{ 
	padding-left: 40px;
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #f4e597;
}
.doc a:link 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
.doc a:visited 
{
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #94abc4;
}
.doc a:hover 
{ 
	font: 11px arial, verdana, sans-serif;
	text-decoration: none;
	color: #f4e597;
}
.retour
{
	text-align: right;
}
/*///////////////// Album photos /////////////////////*/
.bloc_album_year
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.bloc_album
{
	float: left;
	margin: 5px 5px 10px 5px;
	padding: 0px;
}
/*///////////////// contactForm //////////////////////*/
#contactForm
{
	margin: auto; /* Pour centrer notre page */
   	padding: 0px;
   	text-align: center ;
	width: 90%;
}
#contactForm p
{
	margin: 3px 0;
}
#contactForm fieldset
{
	margin: 3px 0;
	border: #94abc4 1px solid;
	text-align: left;
	color: #94abc4;
	font: 11px arial, verdana, sans-serif;
}
/* Label */
#contactForm label
{
	/*background-color: #502F23;*/
	display: block;
	width: 23%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 0px;
}
#contactForm .form_label_nostyle
{
	background: none;
	}
/* textarea */
/* Input */
#contactForm input, #contactForm select, #contactForm textarea
{
	margin-left: 1%;
	width: 68%;
	font: 11px arial, verdana, sans-serif;
	border: #184172 1px solid;
}
#contactForm input:hover, #contactForm select:hover, #contactForm input:focus, #contactForm select:focus, #contactForm textarea:hover, #contactForm textarea:focus
{
	background-color: #ddeeff;
}

/* button submit */
#contactForm input[type="submit"]
{
	background-image: url("../images/theme/bg_mnu.gif");
	background-repeat: repeat-x;
	background-color: #266c98;
	color: #ffffff;
	width: 28%;
	margin-top: 12px;
	font-size : 11px;
}

#contactForm input[type="submit"]:hover
{
	background-image: url("../images/theme/bg_mnuhv.gif");
	background-repeat: repeat-x;
	background-color: #0f3b66;
	font-family: arial, verdana, sans-serif;
    color: #f4e597;
	cursor: pointer;
}
/*///////////////// registrationForm //////////////////////*/
#registrationForm
{
	/*width:500px;*/
    /*border:1px solid #e5e9ec;*/
	/*background: #f4f6f7;*/
    padding: 2px 15px 15px 15px;
	/*margin-left:30px;*/
}
#registrationForm p
{
	margin: 5px 0px 5px 0px;
}
#registrationForm h4
{
	margin: 10px 0px 0px 0px;
}
.inputG { display:none;}
p.msg_erreur {
	margin: 20px;
	font-size: 0.9em;
	color:red;
	}
.msg_ok {
	margin: 20px;
	font-size: 0.9em;
	color:green;
	}
#registrationForm a:link 
{
	text-decoration: none;
	color: #000000;
}
#registrationForm a:visited 
{
	text-decoration: none;
	color: #000000;
}
#registrationForm a:hover 
{ 
	text-decoration: underline;
	color: #123660;
}
#registrationForm p fieldset
{
	border: #3b3b31 1px solid;
	text-align: left;
	margin: 10px 0;
	/*color: #45473a;*/
	color: #94abc4;
	/*font-size : 12px;*/
}
/* Label */
#registrationForm label
{
	display: block;
	width: 15%;
	float: left;
	padding-left: 0px;
	text-align: left;
	font-size: 1em;
	/*color:#52585a;*/
}
#registrationForm .form_label_nostyle
{
	background: none;
	}
/* textarea */
/* Input */
#registrationForm input[type=text], #registrationForm select, #registrationForm textarea
{
	margin-left: 0px;
	font-family: Arial, Verdana, sans-serif;
    font-size : 12px;
	border: #3b3b31 1px solid;
	/*border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style:solid;
    border-width:1px;*/
	padding:1px;
    font-size:0,8em;
    color:#333;
}
#registrationForm input[type=radio]
{
	margin-left: 0px;
	/*font-family: Verdana, Arial, sans-serif;*/
    font-size : 11px;
}

#registrationForm input:hover, #registrationForm select:hover, #registrationForm input:focus, #registrationForm select:focus, #registrationForm textarea:hover, #registrationForm textarea:focus
{
	background-color: #ddeeff;
}

/* button submit */
#registrationForm input[type="submit"]
{
	background-image: url("../images/theme/bg_mnu.gif");
	background-repeat: repeat-x;
	background-color: #266c98;
	color: #ffffff;
	width: 38%;
	margin-top: 12px;
	font-size : 11px;
}

#registrationForm input[type="submit"]:hover
{
	background-image: url("../images/theme/bg_mnuhv.gif");
	background-repeat: repeat-x;
	background-color: #0f3b66;
	font-family: arial, verdana, sans-serif;
    color: #f4e597;
	cursor: pointer;
}

/*///////////////// searchForm //////////////////////*/
#searchForm
{
	padding: 0px;
	margin: 0px;
   	text-align: left ;
}
#searchForm p
{
	margin: 0px 0;
}
/* Label */
#searchForm label
{
	display: block;
	float: left;
	padding-right: 5px;
	text-align: left;
	letter-spacing: 0px;
}
#searchForm .form_label_nostyle
{
	background: none;
	}
/* textarea */
/* Input */
#searchForm input, #searchForm select, #searchForm textarea
{
	/*margin-left: 1%;*/
	width: 80px;
	height: 11px;
	font: 11px arial, verdana, sans-serif;
	border: 0px;
	background-color: #306ba5;
	
}
#searchForm input:hover, #searchForm select:hover, #searchForm input:focus, #searchForm select:focus, #searchForm textarea:hover, #searchForm textarea:focus
{
	background-color: #588cc1;
}
.celluleBOLD {
	font-weight: bold;
	color: #333333;
	vertical-align: top;
}

/*///////// Formulaire login espace membres ///////////*/
#monForm
{
	margin: auto; /* Pour centrer notre page */
   	margin-top: 20px;		
	padding: 0px;
   	text-align: center ;
	width: 80%;
}
#monForm p
{
	margin: 10px 0;
}
#monForm fieldset
{
	margin: 20px 4px;
	border: #94abc4 1px solid;
	text-align: left;
	color: #94abc4;
	font: 11px arial, verdana, sans-serif;
}
/* Label */
#monForm label
{
	display: block;
	width: 32%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 0px;
}
#monForm .form_label_nostyle
{
	background: none;
}
/* Input */
#monForm input, #monForm select
{
	margin-left: 1%;
	width: 52%;
	font: 11px arial, verdana, sans-serif;
	border: #184172 1px solid;
}

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	background-color: #ddeeff;
}

/* button submit */
#monForm input[type="submit"]
{
	background-image: url("../images/theme/bg_mnu.gif");
	background-repeat: repeat-x;
	background-color: #266c98;
	color: #ffffff;
	width: 28%;
	margin-top: 12px;
	font-size : 11px;
}

#monForm input[type="submit"]:hover
{
	background-image: url("../images/theme/bg_mnuhv.gif");
	background-repeat: repeat-x;
	background-color: #0f3b66;
	font-family: arial, verdana, sans-serif;
    color: #f4e597;
	cursor: pointer;
}
	
/*//////////////////////////////////////////////////////////////////////////
				               Menu
//////////////////////////////////////////////////////////////////////////*/
#container_menu
{ 
    height: 145px;
	width: 842px;
	background-image: url("../images/theme/bg_menu.gif");
}

/*Code du menu horizontal ////////////////////////////////////////*/
#navzone
{
padding-left: auto;
padding-right: auto;
padding-top: 110px;
}

#navcontainer
{
width: 680px;
margin-left: auto;
margin-right: auto;
background-image: url("../images/theme/bg_mnu.gif");
background-repeat: repeat-x;
background-color: #266c98;
overflow: auto;
/*margin-top: 115px;*/
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 1%;
color: #ffffff;
font-family: arial, verdana, sans-serif;
font-size: 11px;
letter-spacing:0.03em;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-image: url("../images/theme/bg_mnu.gif");
background-repeat: repeat-x;
background-color: #266c98;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #6f95a3;
}

#navcontainer ul li a:hover
{
background-image: url("../images/theme/bg_mnuhv.gif");
background-repeat: repeat-x;
background-color: #0f3b66;
color: #f4e597;
}

#navlist li a:hover, #navlist li a:active
{
color: #ffffff;
text-decoration: none;
background: #6f95a3;
text-align: left;
}
#key
{
	float: right;
	margin-right: 10px;
}



/*//////////////////////////////////////////////////////////////////////////
				               Footer
//////////////////////////////////////////////////////////////////////////*/
#container_footer
{ 
    height: 108px;
	width: 842px;
	background-image: url("../images/theme/bg_footer.gif");
}
#footerzone
{
padding-left: auto;
padding-right: auto;
padding-top: 10px;
}

#imgcontainer
{
width: 680px;
margin-left: auto;
margin-right: auto;
overflow: auto;
}

#imgcontainer img
{
   float: left;
   border: 1px solid #ffffff;
   margin-left: 19px;
   }