body{
	background: #fff url(gx/bg.gif) repeat-x;
	background-position: 0 110px;
	/* voir le bg.gif pour comprendre le principle
		le bg fait la bordure du site et aussi le fond de la marge 
		permet d'avoir un site 100% en hauteur sans de trick html */
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

html{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
img{
	border: 0px;
}
h1, h2, h3, h4, h5, h6, p, form, div, form, ul, li, a{ margin: 0 0 0 0; padding: 0 0 0 0; }

a, a:link, a:visited{
	color: #1d3544;
	text-decoration: none;
	/*border-bottom : 1px dotted Red;*/
}
a:visited{
	color: #1d3544;
	/*border-bottom : 1px dotted #ACACAC;*/
}
a:hover, a:visited:hover{
	color: #4895c5;
	/*color: #1d3544;*/
	/*border-bottom : 1px dotted #000;*/
	/*text-decoration: underline;*/
}
/*texte*/


.floatL{float:left;}
.floatR{float:right;}
.clearF{display:block;height:0px;line-height:0px;float:none;clear:both;}
.fullW{width:100%;}
.displayB{display:block;}
.displayI{display:inline;}
.displayN{display:none;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.alignJ{text-align:justify;}

/**************************/
/*       site skull       */
/**************************/
#container{
	width: 740px;
	margin: 10px auto 0 auto;
}
#header{
	background: #316c91;
	border-bottom: 2px solid #fff;
	height: 162px;
	width: 740px;
}
/* header style*/
#image{
	float: left;
	width: 564px;
}
#date{
	color: #fff;
	padding-top: 120px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	width: 165px;
	float: right;
	
}

#header h1{
	padding: 20px 0 0 10px;
	color: #fff;
}
#header img.logo{
	float: left;
	margin: 10px 10px 0 10px;
}
#contenu{
background: #d7dbde;
margin-bottom: 0px;
 /*border-top: 1px solid #5A83BD;*/
/*	background: url(gx/bg_marge.gif) repeat-y left;*/
	/* jamais mettre de padding dans un container
   plutot mettre du padding sur les element a l'intérieur */
}
#piedPage{
	float: right;
	color: #316c91;
	height: 35px;
	font-size: 80%;
	font-family: arial;
	font-size: 11px;
	border-top: 1px solid #d7dbde;
	width: 540px;
	text-align: right;
	padding: 5px 0 0 0;
}
#piedPage a{ color: #316c91; border-bottom: none;}
#piedPage a:hover{ color: #316c91; text-decoration: underline }
#piedPage div.copyrights{ float: left; margin: 5px 2px 0 0; text-align: left;}
#piedPage div.copyrights a{ font-weight: bold; }

#footer{
	width: 740px;
	float: left;
	background: #fff;
}

#blueBottom{
	width: 100%;
	float: left;
	margin-top: 5px;
	background: #265c7e;
	height: 14px;
	overflow: hidden;
}

#copyr{
	width: 180px;
	float: left;
	background: #d7dbde;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #3d7ca3;
	padding: 0 0 10px 10px
}
#copyr a{font-size: 12px; font-weight: bold;color: #316c91;border-bottom: none;}
#copyr a:hover{ color: #316c91; text-decoration: underline }
/**************************/
/*       include style    */
/**************************/
#contenuMarge{
	width: 190px;
	float: left;
	background: #d7dbde;
	/* changer le float pour mettre de l'autre cote
		changer le cote du margin du #include*/
}
#contenuMarge h2{
	color: #2F4C76;
	font-size: 100%;
	padding: 7px 0 0 10px;
	overflow: hidden;
}
/* img over meun */
#img1{
	border: 1px solid #fff;
	border-top: 0px
}
#img2{
	border: 1px solid #fff;
}
/**************************/
/*       include style    */
/**************************/
#include{
	/*float: left;*/
	/*width: 549px;*/
	background: #fff url(gx/bg_include.gif) repeat-x;
	margin: 0 0 0 190px;
	/*background: #fff url(gx/bg_include.gif) repeat-x;*/
	/*padding: 10px;*/
	/* margin de la largeur de la marge
	   cela pousse et empeche les element de se retrouver
		sous la marge qui est float droite ou gauche */
}
table#include2{
	margin: 0 0 0 0;
	background: url(gx/bg_include.gif) repeat-x;
}
table#include2 td{
	padding: 0 10px 10px 10px
}
table#include3{
	margin: 0 0 0 0;
	background: url(gx/bg_include.gif) repeat-x;
}
.pubHome{
	width: 268px;
	height: 250px;
	overflow: hidden;
}
table#bourse td{
	padding: 0 0 0 0;
}
.borderTB{
	border-top: 1px solid #D7DBDE;
	border-bottom: 1px solid #D7DBDE;
}
.borderT{
	border-top: 1px solid #D7DBDE;
}
.borderB{
	border-bottom: 1px solid #D7DBDE;
}

#include h1{
	color: #265c7e;
	border-bottom: 1px solid #265c7e;
	margin: 10px 10px 5px 0;
	font-size: 18px;
}
#ArchiveSelect{
	display: block;
	float: right;
	width: 130px;
	/*background: Aqua;*/
	text-align: right;
	margin: 10px 10px 0 0;
	_margin: 8px 5px 0 0;
	padding: 0;
}

#include h2, #include h3{
	color: #265c7e;
	margin: 10px 10px 5px 0;
	font-size: 14px;
}
#include p{
	border-bottom: 1px solid #d7dbde;
}
#include p#last{
	border-bottom: 0px solid #d7dbde;
}
#include p.last{
	border-bottom: 0px solid #d7dbde;
}

#include div.texte{
	margin: 0 10px 0 0;
	text-align: justify; /* Mettre directement sur le div pour éviter des conflits*/
	/*color: #265c7e;*/
	color: 000000;
	font-size: 11px;
}
#include div.texte div#gala1{
	float: left;
	width: 100%;
	text-align: left;
	border-top: 1px solid #265C7E;
	padding: 10px 0 10px 0;	
}
#include div.texte div#gala2{
	float: left;
	width: 100%;
	text-align: right;
	border-top: 1px solid #265C7E;
	padding: 10px 0 10px 0;
	
}
#include p img{
	float: right;
	margin: 0 0 0 15px;
}
img.horsserie{
	float: right;
	margin: 0 0 0 15px;
}
#include h1.rubrique{
	color: #894628;
	font-size: 18px;
	font-weight: bold;
	margin-left: 50px;
	border-bottom: 0;
}
ul#edito{
	padding: 0 0 0 0;
	margin: 0 0 0 65px;
}
ul#edito li{
	list-style: none;
	list-style-image: url(Gx/li_edito.gif);
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #265c7e;
}
ul#edito a, ul#edito a:link, ul#edito a:visited{
	color: #265c7e;
	text-decoration: none;
}
ul#edito a:hover{
	color: #265c7e;
	text-decoration: underline;
}
#include h1.edito{
	color: #265c7e;
	font-size: 18px;
	font-weight: bold;
	margin-left: 50px;
	border-bottom: 0;
}
#include span#auteur{
	font-size: 10px;
	color: #6f7173;
	font-style: italic;
}
#include span#infoSup{
	color: #6f7173;
}

ul#rubrique{
	padding: 0 0 0 0;
	margin: 0 0 0 65px;
}
ul#rubrique li{
	list-style: none;
	list-style-image: url(Gx/li_rubrique.gif);
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #894628;
}
ul#rubrique a, ul#rubrique a:link, ul#rubrique a:visited{
	color: #894628;
	text-decoration: none;
}
ul#rubrique a:hover{
	color: #894628;
	text-decoration: underline;
}
#include h1.gdossier{
	color: #88959f;
	font-size: 18px;
	font-weight: bold;
	/*margin-left: 50px;*/
	border-bottom: 0;
}
ul#gdossier{
	padding: 0 0 0 0;
	margin: 0 0 0 17px;
}
ul#gdossier li{
	list-style: none;
	list-style-image: url(Gx/li_gdossier.gif);
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #88959f;
}
ul#gdossier a, ul#gdossier a:link, ul#gdossier a:visited{
	color: #88959f;
	text-decoration: none;
}
ul#gdossier a:hover{
	color: #88959f;
	text-decoration: underline;
}

#include h1.chroniques{
	color: #6a7e2d;
	font-size: 18px;
	font-weight: bold;
	/*margin-left: 50px;*/
	border-bottom: 0;
}
ul#chroniques{
	padding: 0 0 0 0;
	margin: 0 0 0 17px;
}
ul#chroniques li{
	list-style: none;
	list-style-image: url(Gx/li_chroniques.gif);
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6a7e2d;
}
ul#chroniques a, ul#chroniques a:link, ul#chroniques a:visited{
	color: #6a7e2d;
	text-decoration: none;
}
ul#chroniques a:hover{
	color: #6a7e2d;
	text-decoration: underline;
}

/* listLink */
ul#listLink{
	list-style: square;
	margin: 0 0 0 15px;	
}
ul#listLink li{
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
}
ul{
	list-style: square;
	margin: 0 0 0 15px;	
}
li{
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
}
img#enkiosque{
	width: 273px;
	height: 316px;
}
span.erreur{
	color: Red;
}
/**************************/
/*       menu             */
/**************************/
ul#menu{
	border-top: 1px solid #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	_margin: -4px 0 0 0;
}
ul#menu li{
	list-style: none;
	padding: 0 0 0 0;
}
#menu a, #menu a:link, #menu a:visited{
	color: #265c7e;
	text-decoration: none;
	display: block;
	height: 20px;
	padding: 5px 0 3px 10px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #fff;
	background: #d7dbde;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-image: url(Gx/M/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
#menu a:hover, #menu a:visited:hover{
	background-color: #e9ecee;
	color: #4895c5;
}
#menu a.actif, #menu a.actif:link, #menu a.actif:visited{
	background: #e9ecee;
	color: #4895c5;
	background-image: url(Gx/M/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
}
/**************************/
/*       sous menu        */
/**************************/
ul#menu ul#sousmenu{
	border-top: 1px solid #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	_margin: -4px 0 0 0;
}

ul#menu ul#sousmenu li{
	list-style: none;
	padding: 0 0 0 0;
}

#sousmenu a, #sousmenu a:link, #sousmenu a:visited{
	color: #265c7e;
	text-decoration: none;
	display: block;
	_height: 15px;
	padding: 5px 0 3px 10px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #fff;
	background: #d7dbde;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(Gx/M/bullet2.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
#sousmenu a:hover, #sousmenu a:visited:hover{
	background-color: #e9ecee;
	color: #4895c5;
}
#sousmenu a.actif, #sousmenu a.actif:link, #sousmenu a.actif:visited{
	background: #e9ecee;
	color: #4895c5;
	background-image: url(Gx/M/bullet2.gif);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
}
/**************************/
/*     inc sous menu      */
/**************************/
#incSMen{
	/*position: absolute;*/
	/*border-bottom: 1px solid #D7DBDE;
	padding-bottom: 5px;*/
	/*margin-bottom: 5px;
	width: 515px;*/
	/*z-index: 10;*/
	/*height: 25px;
	min-width: 780px;
	left: 0px;
	top: 119px;
	_width: 780px;*/
	width: 515px;
	padding: 0 0 0 0;
	margin: 0 0 0 -6px;
	_margin: -4px 0 0 -6px;
}
#incSMen ul{
	width: 515px;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
}
#incSMen ul li{
	/*display: block;
	margin: 0;
	padding: 0 10px 0 0;
	float:left;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;*/
	list-style: none;
	padding: 5px 0 0 5px;
	_height: 15px;
	float: left;
}
#incSMen a, #incSMen a:link, #incSMen a:visited{
	/*color: #1d3544;
	font-weight: bold;
	text-decoration: none;*/
	color: #265c7e;
	text-decoration: none;
	display: block;
	padding: 5px 2px 3px 5px;
	margin: 0 0 0 0;
	border: 1px solid #fff;
	background: #d7dbde;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(Gx/M/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
#incSMen a:hover, #incSMen a.actif, #incSMen a.actif:link, #incSMen a.actif:visited, #incSMen a.actif:hover{
	background-color: #e9ecee;
	color: #4895c5;
}

/********************************/
/* tableau avec des colonnes   */
/*******************************/
/*
table.tableau{
	border: 1px solid #000;
	width: 490px;
	margin: 10px 0 10px 0;
	background: #fff;
	border-bottom: none;
}
table.tableau caption{
	text-align: left;
	padding: 4px;
	font-size: 150%;
	border-bottom: 1px solid #000;
	color: #DFE8F4;
	background: Black;
	margin: 0 0 -10px 0;
}
table.tableau th{
	text-align: left;
	padding: 4px;
	font-size: 100%;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	color: #2F4C76;
	background: #BACBE6;
	margin: 0 0 0 0;
}
table.tableau td{
	padding: 4px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
table.tableau th.last, table.tableau td.last{
	border-right: none;
}
*/
/* style utiliser par le tableRuler.js */
/*
table.tableau tr.over{
	background: #EBEBEB;
	color: Red;
}
*/
/**************************/
/*       form             */
/**************************/
div.formulaire{
	background: #F2F2F2;
	border: 1px solid #E0E0E0;
	width: 100%;
	text-align: left;
}
div.formulaire h2{
	background: #5A83BD;
	color: #fff;
	padding: 5px 0 5px 10px;
	font-size: 130%;
}
form{
	padding: 10px;
}
fieldset{
	padding: 15px;
	border: 0px solid red;
	margin: 0 0 15px 0;
}
form select{
	display: block;
	margin: 0 0 4px 0;
	font-size: 100%;
	width: 150px;
}
label{
	display: block;
	font-weight: bold;
	color: #2F4C76;
	cursor: pointer;
}
input, textarea{
	border: 1px solid #000;
	font-size: 90%;
	padding: 3px;
	/*display: block;*/
	width: 140px;
	margin: 0 0 10px 0;
	color: #1d3544;
}
input.search{
	border: 1px solid #000;
	font-size: 90%;
	padding: 3px;
	/*display: block;*/
	width: 120px;
	margin: 0 0 0 0;
	color: #1d3544;
}
input.submitImgBtn{
	float: right;
	margin: -4px 5px 0 0;
	/margin: -35px 10px 0 0;
	width: 24px;
	border: 0px;
}
input.boutonRadio{
	width: 10px;
	border: 0;
	margin: 5px 5px 0 0;
}
input.submit{
	border: 1px solid #000;
	background: #fff;
	width: 147px;
	color: #1d3544;
	font-weight: bold;
}
textarea{
	font-family: sans-serif;
	font-size: 100%;
}
p.conseil{font-size:11px;display:none;}
/* 404 section */
body.page404{
	background-repeat: no-repeat;
	background: url(gx/bg.jpg) no-repeat left top;
}
body.page404 h1{
	font-size: 160%;
	margin: 10px 0 5px 0;
	color: #2F4C76;
}
body.page404 h4{
	margin: 10px 0 5px 0;
	font-size: 120%;
	color: #5A83BD;
}
body.page404 #erreur{
	position: absolute;
	left: 274px;
	width: 462px;
}

body.page404 p{
	color:#737373;
	line-height: 170%;
}
/* --- gallery ---- */
#titreH1{
	width: 517px;
	display: block;
}
#outer_wrapper{
	width: 517px;
	margin-left: auto;
	margin-right: auto;
}

#outer_thumb{
	float: left;
	width: 510px;
	margin: 0px;
	height: 90px;
}
#thumb{
float:left;
width: 170px;
display: block;
text-align: center;
}
#thumbLast{
float:left;
width: 170px;
display: block;
text-align: center;
}
#thumbBorder{
	width: 85px;
	height: 85px;
	background: #ced4b2;
}
img.thumb{
	width: 70px;
	border: 5px solid #FFFFFF;
	margin-left:5px;
	margin-top:5px;
}