@charset "utf-8";
/* CSS Document */

/* MISE EN PAGE */
/* Général */
html {
	font-size:100%;
	font-size:14px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	margin:auto;
	text-align: center;
	font-size: 80%;
	font-size: 0.8em;
}

#map {}
.gtitre {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}

a {
color: #FF6533;
text-decoration:none;
}

a:hover, a:focus {
text-decoration:underline;
	color: #6490BD;
}

.sstitre {
   color: #990033;
   font-size:12px;
   font-weight:bold;
   display:block;
   margin-left:10px;
   margin-top: 5px;
   background-position: left;
   background-repeat:no-repeat;
   background-image:url(../images/arrow.png);
   padding-left:10px;
}

.sstitrelien {
   color: #FF8029;
   font-size:12px;
   font-weight:bold;
   display:block;
   margin-left:10px;
   margin-top: 5px;
   background-position: left;
   background-repeat:no-repeat;
   background-image:url(../images/arrowlien.png);
   padding-left:10px;
}


img {border: none;} 
p {text-align:justify; margin:0; padding-top:4px; padding-bottom:2px; font-weight:normal;}


strong {color: #990033;}

#navigation {background-color:#455685;}
#menugauche a {
	text-decoration:none; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#menugauche a:hover {text-decoration:underline;}
.element_menu {
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin-bottom: 20px;
}

/* Quelques effets le menu de gauche */
.element_menu h3 {
	color: #DFB700;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}
.element_menu li {
	font-weight:bold;
	font-size:12px;
	list-style-type:none;
	line-height:30px;
}

.element_menu #indices li {
	font-size:11px;
	list-style-type:none;
	margin-bottom: 5px;
	line-height:normal;
	color:#990033;
}

.element_menu a {text-decoration:none;}

.element_menu a:hover {
   text-decoration:underline;
   color: white;
}

/* Corps */
#corps {
   color: #000000;
   background-color: #FFFFFF; 
}

.ctitre {
   color:#256A6F;
   text-align: left;
   font-size:14px;
   display:block;
   font-weight:bold;
   margin-top:10px;
   padding-bottom:3px;
   background-position:center left;
   background-repeat:no-repeat;
   background-image:url(../images/cmapuce.jpg);
   padding-left:30px;
}

h1 {
   color:#455685;
   text-align: center;
   font-size:16px;
   display:block;
   font-weight:bold;
   padding-top:3px;
   padding-bottom:3px;
}

#corps h3 {
   color: #256A6F;
   text-align: left;
   vertical-align:middle;
   font-size: 18px;
   line-height:70%;
}

#corps td {
	font-family: sans-serif;
	text-align: left;
	background-color: #ffffff;
}

#corps caption {font-family: sans-serif;}

#corps a {
	text-decoration:none; 
}


#actu a {
	text-decoration:none; 
	font-weight:bold;
}

#menu a {
	text-decoration:none;
	font-weight:bold;
}

#index a {
	text-decoration:none; 
	font-weight:bold;
}

#tliens a {
	text-decoration:none; 
	font-weight:bold;
}

#corps a:hover {
	text-decoration:underline;
	color:#6490BD;
	}
	
#menu a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}
		
.corps li {color:#07875F;}

/* Le pied de page */
#pied_de_page{
   color: #990000;
   background-color: #FFFFFF;
   border: 2px solid #990000;
}

#pied_de_page a {
	text-decoration: underline;
	font-weight:bold; 
	color:#07875F;
}

#pied_de_page a:hover {
text-decoration: none;
color:#6490BD;}

/* --- POSITIONNEMENT --- */

/* Page */
#global {width: 960px; /* -> 3 */
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   margin-top:5px;
   margin-bottom:5px;
}

/* En-tête */
#entete {margin: 0;}
#entete h1 {margin: 0;}

#entete h1 img {
	float: left;
	margin: 0;
}
#entete .sous-titre {margin: 0;}

.decalage{margin-bottom:0px;}
#IE .decalage{margin-bottom:-3px;}
#IE6 .decalage{margin-bottom:-3px;margin-left:-3px;}

/* Menu de navigation */
#navigation {
	height:20px;
	margin-left: -15px;

}

/* Bloc central */
#centre {
	width: 100%; /* -> 4 */
	overflow: hidden; /* -> 4 */
	height:100%;
	background-image:url(../images/fondbleu.png);
	background-repeat:repeat-y;
}

/* Menu */
#menugauche {
	float: left; /* -> 5 */
	width: 160px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image:url(../images/fondbleu.png);
	background-repeat:repeat-y;
    height: auto;
}

.element_menu ul {
   padding: 0px;
   margin: 0px;
   margin-bottom: 5px;
}

/* corps */
#corps {
	margin-left: 195px; /* -> 6 */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 100%;
}

#corps table {width:100%;}

#actu #index {
	padding-top: 5px;
	width: 100%; /* -> 4 */
}


#actu li {list-style-type: none; background:url(../images/puceor.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left:10px; margin-bottom:6px;}
#actu .bleu {list-style-type: none; background:url(../images/pucebleu.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left:10px; margin-bottom:3px;}
#actu ul {margin-top:3px; margin-bottom:6px;}
#actu ol {margin-top:3px; margin-bottom:6px;}
#actu p  {text-indent:3%; color: #000000;}
#actu .petit {text-indent:0%;font-size:10px;}

/* Le pied de page */
#pied_de_page {
   padding: 5px;
   text-align: center;

}



/* CORPS BLOCS IMAGES / ACTUS / LIENS */
/* Encapsuleur global*/
#intro { background:#FFFFFF; float: left; margin: 0; height:100%; width: 100%; color: #000; }

/* Bloc Actualités */
#intro .overview { width: 455px; height:auto; overflow: hidden; float: left;}

/* Bloc Image 1 */
#slideshow { width: 300px; height:210px; float: right; padding-right: 7px; padding-top : 10px; overflow: hidden;}
ul#banner { width: 300px; height:200px; float: left; display: inline; position: relative; overflow: hidden; margin-top : 10px;}
ul#banner li { width: 980px;  background: transparent; border: solid 0px #FFF; border-bottom: 0; float: left; list-style-type:none;}

/* Bloc Image 2 */
#slideshow2 { width: 300px; height:210px; float: right; padding-right: 7px; padding-top : 10px; overflow: hidden;}
ul#banner2 { width: 300px; height:200px; float: left; display: inline; position: relative; overflow: hidden; margin-top : 10px;}
ul#banner2 li { width: 980px;  background: transparent; border: solid 0px #FFF; border-bottom: 0; float: left; list-style-type:none;}

/* Bloc gabarit standard */
#intro .info { width: 545px; margin-right:10px; height:auto; overflow: hidden; float: left;}
#bandeau { width: 205px;  height:auto; float: right; overflow: hidden; background-color:#AAE3FF;}
.bandeauimg {text-align:center; background-color:#AAE3FF;}
#image { width:100px; height:100px; text-align:center; float: left; overflow:scroll;}

/* Bloc Liens */
#tliens { background:#FFFFFF; float: left; margin: 0; width: 100%; color: #000; }
#tableg { width: 210px; height:auto; float: left; margin-top:10px; }
#tablec { width: 210px; height:auto; float: left; margin-top:10px;}
#tabled {
	width: 270px;
	height:auto;
	float: right;
	margin-top:10px;
}

.table li {list-style-type:none;}

.table ul {margin-top:50px;}

.imgflot {	
	float: left;
	margin : 5px;
	padding : 5px;
	margin-top : 0px;
	padding-top : 0px;
}

.imgflot2 {	
	float: right;
	margin : 5px;
	padding : 5px;
	margin-top : 0px;
	padding-top : 0px;
}
.floatstop {
	clear:both;
}

#flashcontent {
		width: 100%;
		height : 600px;	
	}

/* Tableau Habillage */
#tab, #tab caption
{
    margin: auto;
}

#tab
{
    border: #DDEEFF 2px solid;
    border-collapse: separate;
    border-spacing: 2px;
    empty-cells: hide;
}

#tab caption
{
    background-color: #DDEEFF;
	font-size: 0.8em;
}

#tab th
{
    color: #FFFFFF;
    background-color: #990033;
    border: 1px solid;
	text-align:center;
    letter-spacing: 1px;
}

#tab td
{
    border: #DDEEFF 1px solid;
    padding-left: 10px;
}

#navcol
{
    width: 200px;
    background-color: #F4FAFD;
}

#numcol
{
    width: 150px;
}

#tab tfoot
{
    font-size: 0.7em;
    background-color: #FFCC66;
    color: #996600;
    letter-spacing: 1px;
}

/* Galerie Telecharger magazine */
div#galerie
{
	margin: 0px 30px ;
	text-align: center ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float:left;
	background-image:none;
}

ul#galerie_mini li a img
{
	display: block;
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}
ul#galerie_mini a img
{
	width:120px;
	height:170px;
}