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


/*cadres globaux*/
body{
	
	background-color:#333;
	margin:0px;
}
#design{
	position:inherit;
	background-image:url(images_design/fond.png);
	background-position:center;
	border:0px;
	background-repeat:repeat-y;}
#boite_design{
	position:inherit;
	background-image:url(images_design/haut-fond.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#boite_generale{
	position:inherit;
	width:1000px;
	margin-left:auto;
	margin-right:auto;}
	
#banniere
{
	position:relative;
	text-align:center;
	width:1000px;
	height:206px;
}
#barre_menu
{
	position:relative;
	width:1000px;
	height:30px;
	background-image:url(images_design/barre-menu.png);
	background-repeat:no-repeat;
	background-position:center;
}
#hautcontenu{
	position:relative;
	width:1000px;
	height:71px;
	padding-top:45px;
	background-image:url(images_design/hautcontenu.png);
	background-position:center;
	background-repeat:no-repeat;
	/*margin-top:236px;*/
}
#contenu{
	position:relative;
	width:1000px;
	min-height:305px;
	background-image:url(images_design/fond_contenu.png);
	background-repeat:repeat-y;
	background-position:center;
	padding-top:1px;
	padding-bottom:1px;}
	
#bascontenu{
	position:relative;
	width:1000px;
	height:23px;
	background-image:url(images_design/bascontenu.png);
	background-position:center;
	background-repeat:no-repeat;
}
#pied{
	position:relative;
	width:1000px;
	background-image:url(images_design/pied.png);
	background-position:center;
	background-repeat:no-repeat;
	height:75px;
	color:#FFF;}
	
#menu{
	background-image:url(images_design/fond-menu.png);
	height:341px;
	width:186px;
	position:absolute;
	margin-top:302px;
	padding-top:0px;
	margin-left:5px;
	z-index:20;
	color:#666;
}


/*Petits cadres de l'index*/

#boite_index{
	position:relative;
	width:1000px;
	height:231px;
	margin-left:11px;
}

#pourquoi{
	float:left;
	background-image:url(images_design/pourquoi.png);
	width:480px;
	padding-left:15px;
	height:231px;
}
#creas{
	float:left;
	background-image:url(images_design/exemplescrea.png);
	width:470px;
	padding-left:13px;
	height:231px;
}


/*Barre de menu*/

#menuhor
{
	float:right;
	width:400px;
	font-size:17px;
	height:30px;
	color:#666;
	padding-top:2px;
}

/*Menu vertical*/
#titremenu{
	position:absolute;
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	width:186px;}
	
#corpsmenu{
	position:absolute;
	margin-top:50px;
	margin-left:10px;
	margin-right:10px;
	width:166px;}
	

/*styles des boutons*/

#accueil
{
	text-align:center;
	padding-top:4px;
	float:left;
	width:69px;
	height:22px;
}

#accueil_enf{
	text-align:center;
	padding-top:4px;
	float:left;
	width:69px;
	height:22px;
	background-image:url(images_design/accueil.png);
}

#reas
{
	text-align:center;
	padding-top:4px;
	float:left;
	width:106px;
	height:22px;
}

#reas_enf{
	text-align:center;
	padding-top:4px;
	float:left;
	width:106px;
	height:22px;
	background-image:url(images_design/rea.png);
}

#grilletar
{
	text-align:center;
	padding-top:4px;
	float:left;
	width:113px;
	height:22px;
}

#grilletar_enf{
	text-align:center;
	padding-top:4px;
	float:left;
	width:113px;
	height:22px;
	background-image:url(images_design/grille_tar.png);
}
#menuhor img{
	float:left; margin-top:14px;margin-left:5px;margin-right:5px;}
	

/*Cadres de texte autres que les deux boites*/
#texte{
	margin-left:220px;
	margin-right:40px;
}

/*redéfinition de balises*/
li{
	list-style-image:url(images_design/blt_nav.png);}
h1{
	font-size:24px; font-weight:100;margin-top:20px;}
	
#boite_index h2{
	font-size:24px; font-weight:100;margin-top:15px;}
	
#titremenu h2{
	font-size:20px; font-weight:100;margin-top:10px;}
a{
	color:#666;
	text-decoration:underline;
	
}
a:hover{
	text-decoration:none;}
	
#barre_menu a{
	text-decoration:none;}
#barre_menu a:hover{
	text-decoration:underline;}
p{
	margin-top:3px;}
#pied p{
	text-align:center;
}
#corpsmenu p{
	margin-top:15px;}