/*********************************************/
/********** STRUCTURE DE LA PAGE ***************/
/********************************************/

body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(img/fond.jpg) repeat-x #192533;
	margin:0px;
	padding:0px;
}
#block-principal{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/corps-fond.jpg) left top repeat-y;
    	}
#block-bandeau{
	height:230px;
}
#block-corps{
	background:url(img/corps-haut.jpg) top no-repeat;
	width:800px;
}
#block-corps-image{
	background:url(img/gauche-img.jpg) bottom no-repeat;
	width:800px;
}
#block-menu{
	background:url(img/menu.jpg) top no-repeat;
	height:29px;
}
#block-contenu{
	background:url(img/corps-bas.jpg) bottom no-repeat;
	height:310px;
}
#block-bas{
	background:url(img/bas.jpg) top no-repeat;
	height:55px;
    	 
}

.acc {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}

/* Hack ie pour taille min de page */

html>body #block-contenu {
	height:auto;
	min-height:310px;
} 

/******************************************/
/************* MENU SECONDAIRE ******/
/***************************************/

#menu-secondaire{
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 0;
	margin:0;
	position:absolute;
	top:1px;
	right:50%;margin-right:-363px;
}
#menu-secondaire li{
	display:inline;
	/*border-right:1px #000 solid;
	padding:0 2px 0 2px;
	*/
}
#menu-secondaire a{
	text-decoration:underline;
	color:#fff;
}
#menu-secondaire a:hover,#menu-secondaire a.active{
	text-decoration:none;
	color:#fff;
}
#menu-secondaire .no-border{
	border:none;
}
/*******************************************/
/****************** MENU *******************/
/******************************************/

#menu{
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0px 0 0 40px;
	text-align:center;
	height:29px 
}
#menu li{
	padding:0;
	margin:0;
	display:inline;
}
#menu a{
	padding:0 5px 0 5px;
	color:#fff;
	text-decoration:none;
	border-right:1px #fff solid;
	display:block;
	height:29px;
	line-height:29px;
	float:left;
}
#menu a:hover,#menu a.active{
	background:#374C6B;
	text-decoration:none;
	color:#fff;
}
#menu .no-border a{
	border:none;
}

/*******************************************/
/************ CORPS DE LA PAGE ***************/
/******************************************/

#contenu-texte{
	padding:20px 40px 20px 40px;
	font-size:12px;
	color:#fff;
	line-height:16px;
    text-align:justify;
}
#contenu-texte a{
	text-decoration:underline;
	color:#FF1C01;
}
#contenu-texte a:hover{
	text-decoration:none;
	color:#FF1C01;
}
h1{
	font-size:16px;
	color:#fff;
	padding:0 0 30px 0px;
	margin:0;
}
h2{
	font-size:14px;
	margin:0;
	padding:4px 0 4px 0;
}
h3{
	font-size:14px;
	margin:0;
	padding:0;
	text-align:center;
	color:#fff;
}
h4{
	font-size:14px;
	color:#333;
	padding:0;
}
h5{
	font-size:12px;
	margin:0px;
	padding-top:17px;
	text-align:center;
	color:#fff;
}
ul{
	list-style-type:square;
}
p{
	margin:0px;
	padding:3px 0 3px 0;
}
hr{
	color:#333;
	background-color:#333;
	height:1px; border:0;
}
#contenu-texte img{
	padding:4px;
	background-color:#fff;
	border:1px #ccc solid;
}
#contenu-texte img:hover{
	padding:4px;
	background-color:#dcdcdc;
	border:1px #a6a6a6 solid;
}
#contenu-texte .no-effet{
	padding:0;
	background:none;
	border:none;
}
#contenu-texte .no-effet:hover{
	padding:0;
	background:none;
	border:none;
}
#contenu-texte .no-border{
	border:none;
}
.tbl-border{
	border:1px #000 solid;
	border-collapse:collapse;
}
.tbl-border td{
	border:1px #000 solid;
	border-collapse:collapse;
}
.petit{
	font-size:10px;
}
.gras{
	font-weight:bold;
}
.entete{
	color:#ff0000;
}
.colonne-gauche{
	width:45%;
	float:left;
	padding-right:15px;
	text-align:justify;
}
.colonne-droite{
	float:left;
	width:45%;
	padding-left:15px;
	text-align:justify;
}
.cadre3{
	border:1px solid #ccc;
}
.titre{
	font-weight:bold;
	text-decoration:underline;
}
.boite{
	background-color:#ccc;
	border:1px solid #999;
	width:50%;
	padding:7px;
	margin:7px 0 7px 0;
}
.galerie-image {
	text-align:center;
}
.galerie-image img{
	margin:20px 15px  15px 0;
}

/******************************************/
/*************** FORMULAIRES **************/
/****************************************/

input.txt11 {
	border:1px #ccc solid;
	color:#333;
	background-color:#fff;
}
select, option {
	color:#333;
}
textarea {
	border:1px #ccc solid;
	color:#333;
}
input.txt11:focus,textarea:focus {
	border:1px #ff0000 solid;
	background-color:#fafafa;
}

/******************************************/
/****************** BAS *******************/
/****************************************/

#block-bas h3{
	text-align:center;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:20px 0 0 0;
}

#credits img{
	vertical-align:middle;
}
#credits{
	width:800px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:11px;
	color:#fff;	
}
#credits a{
	font-size:11px;
	color:#fff;
	text-decoration:underline;	
}
#credits a:hover{
	font-size:11px;
	color:#fff;	
	text-decoration:none;
}