/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*background-color: Silver;*/
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Arial;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #231f20;
	font:16px Arial; 
	margin:0px; 
	padding:0px;
	text-align:left;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0px auto 0px auto;
	text-align:center;
	height:690px;
	width:998px;
	height:690px;
	/*background-color: blue;*/
	border: 1px solid Black;
	}
#contenant{
	margin: 0px auto 0px auto; 
	display: block;
	text-align:left;
	height:440px;
	width:780px;
	/*background-color: pink;*/
}
#haut{
	margin: 0px auto 0px auto; 
	display: block;
	text-align:left;
	height:113px;
	width:998px;
	/*background-color: red;*/
}
#contenu{
	float:left;
	text-align:left;
	height:409px;
	width:579px;
	/*background-color: orange;*/
	margin-top:20px;
	
}
#pied{
	/*background: Blue;*/
	height:200px;
	float:left;
	width:998px;
}
#logoIMG{
	width:367px;
	height:33px;
	display:block;
	/*background-color: yellow;*/
	padding:40px 0px 0px 101px;
	display: block;
	float:left;
}
/*Pour La page Portefolio voir en bas de page complètement
--------------------------------------------------------------------------------------- */

/* PAGE INDEX
--------------------------------------------------------------------------------------- */
#logoIMGIndex{
	width:580px;
	_width:780px;
	height:46px;
	display:block;
	/*background-color: orange;*/
	padding:20px 0px 0px 200px;
	display: block;
	float:left;
}
#aquarium{
	background-image: url(Gx/I/aquarium.jpg);
	background-repeat: no-repeat;
	width:473px;
	height:461px;
	display:block;
	/*background-color: red;*/
	float:left;
}
#adresse{
display:block;
width:193px;
_width:280px;
float:left;
padding:85px 22px 0px 65px;
}
#ressources{
display:block;
width:252px;
_width:298px;
float:left;
padding:175px 22px 0px 24px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#english{
	height:11px;
	padding:8px 119px 0px 0px;
	float:right;
	display:block;
	width:865px;
	/*background-color:blue;*/
}
#english a{
	float:right;
	width:71px;
	height:11px;
	background-image: url(Gx/M/english.gif);
	background-repeat: no-repeat;
}
#english a:hover{
	background-image: url(Gx/M/englishover.gif);
	background-repeat: no-repeat;
}

#francais{
	height:11px;
	padding:8px 133px 0px 0px;
	float:right;
	display:block;
	width:865px;
	/*background-color:blue;*/
}
#francais a{
	float:right;
	width:71px;
	height:11px;
	background-image: url(Gx/M/francais.gif);
	background-repeat: no-repeat;
}
#francais a:hover{
	background-image: url(Gx/M/francaisover.gif);
	background-repeat: no-repeat;
}

#publication{
	width:300px;
	padding-top:25px;
	height: 40px;	
	float:right;
	display:block;
	/*background-color:red;*/
}
#publication a{
	float:right;
	width: 262px;
	height: 40px;	
	background-image: url(Gx/M/publication.gif);
	background-repeat: no-repeat;
}
#publication a:hover{
	background-image: url(Gx/M/publicationover.gif);
	background-repeat: no-repeat;
}

#retour_fr{
	width:300px;
	padding-top:25px;
	height: 40px;	
	float:right;
	display:block;
	/*background-color:red;*/
}

#retour_fr a{
	float:right;
	width: 262px;
	height: 40px;	
	background-image: url(Gx/pub/retour_fr.gif);
	background-repeat: no-repeat;
}
#retour_fr a:hover{
	background-image: url(Gx/pub/retour_over_fr.gif);
	background-repeat: no-repeat;
}

#retour_en{
	width:300px;
	padding-top:25px;
	height: 40px;	
	float:right;
	display:block;
	/*background-color:red;*/
}

#retour_en a{
	float:right;
	width: 262px;
	height: 40px;	
	background-image: url(Gx/pub/retour_en.gif);
	background-repeat: no-repeat;
}
#retour_en a:hover{
	background-image: url(Gx/pub/retour_over_en.gif);
	background-repeat: no-repeat;
}


#approche_fr{
	width:146px;
	height: 33px;	
	float:left;
	display:block;
	/*background-color:red;*/
}
#approche_fr a{
	width:146px;
	height: 33px;	
	float:left;
	display:block;
	background-image: url(Gx/01/approche_fr.gif);
	background-repeat: no-repeat;
}
#approche_fr a:hover{
	background-image: url(Gx/01/approche_over_fr.gif);
	background-repeat: no-repeat;
}

#approche_en{
	width:146px;
	height: 33px;	
	float:left;
	display:block;
	/*background-color:red;*/
}
#approche_en a{
	width:146px;
	height: 33px;	
	float:left;
	display:block;
	background-image: url(Gx/01/approche_en.gif);
	background-repeat: no-repeat;
}
#approche_en a:hover{
	background-image: url(Gx/01/approche_over_en.gif);
	background-repeat: no-repeat;
}

#equipe_fr{
	width:146px;
	height: 33px;	
	float:left;
	display:block;
	/*background-color:red;*/
}
#equipe_fr a{
	float:left;
	width:146px;
	height: 33px;	
	background-image: url(Gx/01/equipe_fr.gif);
	background-repeat: no-repeat;
}
#equipe_fr a:hover{
	background-image: url(Gx/01/equipe_over_fr.gif);
	background-repeat: no-repeat;
}

#equipe_en{
	width:146px;
	height: 33px;	
	float:left;
	display:block;
	/*background-color:red;*/
}
#equipe_en a{
	float:left;
	width:146px;
	height: 33px;	
	background-image: url(Gx/01/equipe_en.gif);
	background-repeat: no-repeat;
}
#equipe_en a:hover{
	background-image: url(Gx/01/equipe_over_en.gif);
	background-repeat: no-repeat;
}

#main #menu{/*background-color:red;*/margin-top:0px; padding:60px 0px 0px 0px; width:186px;  font-family: Arial, Helvetica, sans-serif; font-size: 18px; float: left; }
#main #menu ul{margin:0px;padding-bottom:26px;}
#main #menu ul li{padding:0px 0px 26px 45px; margin:0px; list-style-type:none;}
#main #menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #231f20;
	line-height: 12px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 18px; 
}
#main #menu ul li a:hover, #main #menu ul li a:visited:hover{color: #918f8f;}
#main #menu ul li a.actif, #main #menu ul li a.actif:visited{color: #15938e;}

#menuIndex{margin-top:0px; padding:170px 0px 0px 80px; width:207px; _width:307px;  font-family: Helvetica, sans-serif; font-size: 18px; float: left; }
#menuIndex ul{margin:0px;padding-bottom:26px;}
#menuIndex ul li{padding:0px 0px 26px 0px; margin:0px; list-style-type:none;}
#menuIndex ul li a, #menuIndex ul li a:link, #menuIndex ul li a:visited{
	color: #00a9a2;
	line-height: 12px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 18px; 
}
#menuIndex ul li a:hover, #menuIndex ul li a:visited:hover{color: #918f8f;}
#menuIndex ul li a.actif, #menuIndex ul li a.actif:visited{color: #15938e;}

#menuFolio{height:250px;/*background-color:blue;*/ width:186px;float: left; }

#video_fr a{
	margin:12px 0px 0px 50px;
	float:left;
	/*background-color: yellow;*/
	width: 136px;
	height:12px;
	background-image: url(Gx/03/video_fr.gif);
	background-repeat: no-repeat;
	padding:0px 0px 0px 0px;
}
#video_fr a:hover{
	background-image: url(Gx/03/video_over_fr.gif);
	background-repeat: no-repeat;
}
#video_fr a.actif{
	background-image: url(Gx/03/video_on_fr.gif);
	background-repeat: no-repeat;
}
#present_fr a{
	margin:12px 0px 0px 50px;
	_margin:5px 0px 0px 50px;
	float:left;
	/*background-color: red;*/
	width: 136px;
	height:27px;
	background-image: url(Gx/03/present_fr.gif);
	background-repeat: no-repeat;
}
#present_fr a:hover{
	background-image: url(Gx/03/present_over_fr.gif);
	background-repeat: no-repeat;
}
#present_fr a.actif{
	background-image: url(Gx/03/present_on_fr.gif);
	background-repeat: no-repeat;
}

#document_fr a{
	margin:12px 0px 0px 50px;
	float:left;
	/*background-color: yellow;*/
	width: 136px;
	height:27px;
	background-image: url(Gx/03/document_fr.gif);
	background-repeat: no-repeat;
}
#document_fr a:hover{
	background-image: url(Gx/03/document_over_fr.gif);
	background-repeat: no-repeat;
}
#document_fr a.actif{
	background-image: url(Gx/03/document_on_fr.gif);
	background-repeat: no-repeat;
}

#video_en a{
	margin:12px 0px 0px 50px;
	float:left;
	/*background-color: yellow;*/
	width: 136px;
	height:12px;
	background-image: url(Gx/03/video_en.gif);
	background-repeat: no-repeat;
	padding:0px 0px 0px 0px;
}
#video_en a:hover{
	background-image: url(Gx/03/video_over_en.gif);
	background-repeat: no-repeat;
}
#video_en a.actif{
	background-image: url(Gx/03/video_on_en.gif);
	background-repeat: no-repeat;
}
#present_en a{
	margin:12px 0px 0px 50px;
	_margin:5px 0px 0px 50px;
	float:left;
	/*background-color: red;*/
	width: 136px;
	height:27px;
	background-image: url(Gx/03/present_en.gif);
	background-repeat: no-repeat;
}
#present_en a:hover{
	background-image: url(Gx/03/present_over_en.gif);
	background-repeat: no-repeat;
}
#present_en a.actif{
	background-image: url(Gx/03/present_on_en.gif);
	background-repeat: no-repeat;
}

#document_en a{
	margin:12px 0px 0px 50px;
	float:left;
	/*background-color: yellow;*/
	width: 136px;
	height:27px;
	background-image: url(Gx/03/document_en.gif);
	background-repeat: no-repeat;
}
#document_en a:hover{
	background-image: url(Gx/03/document_over_en.gif);
	background-repeat: no-repeat;
}
#document_en a.actif{
	background-image: url(Gx/03/document_on_en.gif);
	background-repeat: no-repeat;
}

#lienpub a, a:visited{
font-size:14px;
color:#000;
text-decoration: none;
}

#lienpub a:hover{
font-size:14px;
color:#918f8f;;
text-decoration: none;
}
#Publivreimg{
float:left;margin-left:25px; _margin-left:12px;width:154px;height:409px;
}
#Publivre{
float:left; margin-left:25px; width:375px; _width:316px; height:409px;
}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px;  color: #231f20;  font-family: Arial;  text-align: justify;  }
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #231f20; text-decoration: none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#231f20; text-decoration:none;
}
ul li{ font-family: Arial;font-size:14px; list-style: disc; margin-left:16px;color:#231f20;}
ol li{ font-family: Arial;font-size:14px; color:#231f20; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#imagePadding{
	background-image: url(Gx/M/image_pieddepage.jpg);
	float:left;
	height: 50px;
	width: 92px;
}
#imagePaddingIndex{
	background-color: #87d7d3;
	float:left;
	height: 50px;
	width: 92px;
}
#piedPage{
	color:#555; 
	font-family:arial; 
	font-size:10px; 
	padding:0;
	background: #00a9a2;
	height:50px;
	float:left;
	width:998px;
	margin-top:0px;
}
#piedPage a{color:white; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#referer {float:left; margin:0; text-align:left;padding:22px 0px 0px 20px;/*background-color:yellow;*/}
#referer a{font-weight:bold;color: #231f20;font-family: Arial;text-decoration:none;font-size:16px;}
#referer a:hover{color: #918f8f;}
#referer #lienreferer{font-weight:normal; text-decoration:none; color:#555;}
#referer #lienreferer:hover{font-weight:normal; text-decoration:underline; color: #555;}
#refererPub {float:left; margin:0; text-align:left;padding:22px 0px 0px 20px;/*background-color:yellow;*/}
#refererPub a{font-weight:bold;color: #fffff;font-family: Arial;text-decoration:none;font-size:16px;}
#refererPub a:hover{color: #918f8f;}
#refererPub #lienrefererPub{font-weight:normal; text-decoration:none; color:#555;}
#refererPub #lienrefererPub:hover{font-weight:normal; text-decoration:underline; color: #555;}
#nouvelle {float:left; margin:0; text-align:left;padding:10px 0px 0px 20px;width:693px;_width:713px;height: 38px;_height: 50px;/*background-color:yellow;*/}
#demo{
	width:190px;
	padding-top:22px;
	height: 25px;	
	float:right;
	display:block;
	/*background-color:red;*/
}
#demo a{
	float:right;
	width: 190px;
	height: 25px;	
	background-image: url(Gx/M/demo_fr.gif);
	background-repeat: no-repeat;
}
#demo a:hover{
	background-image: url(Gx/M/demo_over_fr.gif);
	background-repeat: no-repeat;
}

#demoeng{
	width:190px;
	padding-top:22px;
	height: 25px;	
	float:right;
	display:block;
	/*background-color:red;*/
}
#demoeng a{
	float:right;
	width: 190px;
	height: 25px;	
	background-image: url(Gx/M/demo_en.gif);
	background-repeat: no-repeat;
}
#demoeng a:hover{
	background-image: url(Gx/M/demo_over_en.gif);
	background-repeat: no-repeat;
}


/* NEWS TICKER
--------------------------------------------------------------------------------------- */
.tickercontainer {
	MARGIN: 0px; WIDTH: 680px;  HEIGHT: 15px;
}
.tickercontainer .mask {
	 OVERFLOW: hidden; WIDTH: 650px; POSITION: relative;
}
UL.newsticker {
	WIDTH: 6400px;PADDING-RIGHT: 0px; PADDING-LEFT:0px; LEFT: 680px;font-family: 12px Arial; padding-top: 2px;  POSITION: relative;
}
UL.newsticker LI {COLOR: #231f20;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;list-style-type: none;
}
UL.newsticker A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;  font-family: 12px Arial;  PADDING-TOP: 0px; WHITE-SPACE: nowrap;
}
UL.newsticker SPAN {
	MARGIN: 0px 0px 0px 0px;
}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding:0; border:0;}
fieldset legend{font-size: 14px; font-weight: bold; color: #15938e;}
fieldset label{font-size: 11px;color: #918f8f;}

.champTexte{
	font-family: Verdana;
	color: #7F7F7F;
	background: #e7fffc;
	margin: 0;
	padding: 1px;
	font-size: 11px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	font-family: Verdana;
	color: #7F7F7F;
	background: #e7fffc;
	margin: 0;
	padding: 1px;
	font-size: 11px;
}
.bouton{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	height:22px;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #EB3215;
	font-weight: bold;
}

/* PAGE publications
--------------------------------------------------------------------------------------- */

#commander_fr{
	margin-top:5px;
	width:176px;
	height: 26px;	
	float:left;
	/*background-color:red;*/
}
#commander_fr a{
	float:left;
	width: 176px;
	height: 26px;	
	background-image: url(Gx/pub/commander_fr.gif);
	background-repeat: no-repeat;
}
#commander_fr a:hover{
	background-image: url(Gx/pub/commander_over_fr.gif);
	background-repeat: no-repeat;
}

#commander_en{
	margin-top:5px;
	width:176px;
	height: 26px;	
	float:left;
	/*background-color:red;*/
}
#commander_en a{
	float:left;
	width: 176px;
	height: 26px;	
	background-image: url(Gx/pub/commander_en.gif);
	background-repeat: no-repeat;
}
#commander_en a:hover{
	background-image: url(Gx/pub/commander_over_en.gif);
	background-repeat: no-repeat;
}

/* PAGE Portfolio
--------------------------------------------------------------------------------------- */

#mediaFolio{
	float:left;
	/*background-color:blue;*/ 
	padding:15px 0px 0px 15px;
	width:400px; 
	height:300px;
	_width:415px; 
	_height:315px;
}

#selectionFolio{
	float:left;
	/*background-color:yellow; */
	padding:15px 0px 0px 0px;
	width:164px; 
	height:300px;
	_height:315px;
}
#texteFolio{
float:left;/*background-color:pink;*/ width:549px; _width:579px;padding:15px 15px 0px 15px;
}

#boxConteneur{
height:25px;float:left;display:block;/*background-color:red;*/
}
#box{
height:25px;width:25px;background-color:#09aca5;float:left;display:block;

}
#box.un a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/1.gif); background-repeat: no-repeat;
}
#box.un a:hover{ background-image: url(Gx/03/1_over.gif);}#box.un a.actif{background-image: url(Gx/03/1_on.gif);background-repeat: no-repeat;}

#box.deux a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/2.gif); background-repeat: no-repeat;
}
#box.deux a:hover{ background-image: url(Gx/03/2_over.gif);}#box.deux a.actif{background-image: url(Gx/03/2_on.gif);background-repeat: no-repeat;}

#box.trois a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/3.gif); background-repeat: no-repeat;
}
#box.trois a:hover{ background-image: url(Gx/03/3_over.gif);}#box.trois a.actif{background-image: url(Gx/03/3_on.gif);background-repeat: no-repeat;}

#box.quatre a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/4.gif); background-repeat: no-repeat;
}
#box.quatre a:hover{ background-image: url(Gx/03/4_over.gif);}#box.quatre a.actif{background-image: url(Gx/03/4_on.gif);background-repeat: no-repeat;}

#box.cinq a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/5.gif); background-repeat: no-repeat;
}
#box.cinq a:hover{ background-image: url(Gx/03/5_over.gif);}#box.cinq a.actif{background-image: url(Gx/03/5_on.gif);background-repeat: no-repeat;}

#box.six a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/6.gif); background-repeat: no-repeat;
}
#box.six a:hover{ background-image: url(Gx/03/6_over.gif);}#box.six a.actif{background-image: url(Gx/03/6_on.gif);background-repeat: no-repeat;}

#box.sept a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/7.gif); background-repeat: no-repeat;
}
#box.sept a:hover{ background-image: url(Gx/03/7_over.gif);}#box.sept a.actif{background-image: url(Gx/03/7_on.gif);background-repeat: no-repeat;}

#box.huit a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/8.gif); background-repeat: no-repeat;
}
#box.huit a:hover{ background-image: url(Gx/03/8_over.gif);}#box.huit a.actif{background-image: url(Gx/03/8_on.gif);background-repeat: no-repeat;}

#box.neuf a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/9.gif); background-repeat: no-repeat;
}
#box.neuf a:hover{ background-image: url(Gx/03/9_over.gif);}#box.neuf a.actif{background-image: url(Gx/03/9_on.gif);background-repeat: no-repeat;}

#box.dix a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/10.gif); background-repeat: no-repeat;
}
#box.dix a:hover{ background-image: url(Gx/03/10_over.gif);}#box.dix a.actif{background-image: url(Gx/03/10_on.gif);background-repeat: no-repeat;}

#box.onze a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/11.gif); background-repeat: no-repeat;
}
#box.onze a:hover{ background-image: url(Gx/03/11_over.gif);}#box.onze a.actif{background-image: url(Gx/03/11_on.gif);background-repeat: no-repeat;}

#box.douze a{
	background-color:#09aca5;height:25px;width:25px;float:left;display:block; background-image: url(Gx/03/12.gif); background-repeat: no-repeat;
}
#box.douze a:hover{ background-image: url(Gx/03/12_over.gif);}#box.douze a.actif{background-image: url(Gx/03/12_on.gif);background-repeat: no-repeat;}