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

body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(img/fond.jpg) repeat-x #fff;
	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:224px;
}
#block-corps{
	background:url(img/corps-haut.jpg) top no-repeat;
	width:800px;
	float:left;
}
#block-corps-image{
	background:url(img/gauche-img.jpg) bottom no-repeat;
	width:800px;
	float:left;
}
#block-menu{
	background:url(img/menu.jpg) top no-repeat;
	height:40px;
	float:left;
	width:200px;
}
#block-contenu{
	background:url(img/corps-bas.jpg) bottom no-repeat;
	height:330px;
}
#block-bas{
	background:url(img/bas.jpg) top no-repeat;
	height:52px;
    	clear:left; 
}

/* Hack ie pour taille min de page */

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

/******************************************/
/************* 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:54px 0 0 7px;
	text-align:left;
	 
}
#menu li{
	padding:0;
	margin:0;
}
#menu a{
	display:block;
	height:21px;
	padding:0px 4px 0px 20px;
	color:#E95724;
	text-decoration:none;
    }
#menu a:hover,#menu a.active{
	background:url(img/a-fond-hover.gif) top left no-repeat;
	text-decoration:none;
	color:#fff;
}
#menu .no-border a{
	border:none;
}

/*******************************************/
/************ CORPS DE LA PAGE ***************/
/******************************************/
.forfait{
	background-image:url(img/forfait.jpg);
	background-repeat:no-repeat;
	height:190px;
	width:190px;
	padding:0px 0 0 0px;
	margin:0 0 0 0 ;
}
.forfait h3{
	font-size:24px;
	color:#ED4916;
	font-weight:bold;
	width:105px;
	padding:10px 0 10px 0;
}
.forfait .nbr-heure {
	font-style:italic;
	font-weight:bold;
	text-align:center;
	width:95px;
}
#contenu-texte{
	padding:50px 20px 20px 220px;
	font-size:12px;
	color:#000;
	line-height:16px;
    text-align:justify;
	width:550px;
}
#contenu-texte a{
	text-decoration:underline;
	color:#E95724;
}
#contenu-texte a:hover{
	text-decoration:none;
	color:#E95724;
}
h1{
	font-size:16px;
	color:#000;
	padding:0 0 30px 0px;
	margin:0;
}
h2{
	font-size:14px;
	margin:0;
	padding:4px 0 4px 0;
}
h3{
	font-size:14px;
	margin:8px 0 8px 0;
	padding:0;
	color:#ED4916;
}
h4{
	font-size:14px;
	color:#333;
	padding:0;
}
ul{
	list-style-type:square;
}
p{
	margin:0px;
	padding:5px 0 5px 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:#ED4916;
	font-weight:bold;
}
.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:#000;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 150px;
}

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

.important{
	font-weight: bold;
	font-size:15px;
	color:#000000;
	text-align:center;
	margin: 10px 30px;
	padding: 15px;
	background: transparent url(img/cadre.gif) center no-repeat;
}