@import "menu_horizontal.css";
@import "menu_vertical.css";
@import "products.css";

html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #c5c5c5 url(../img/img_fd_body.jpg) fixed top repeat-x;
	color: #515151;
}
a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #009ee0;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

* {
	margin: 0;
	padding: 0;
}
img {
	border:none;
}
select {
	color: #000;
	background-color: #fff;
}

/************ MISE EN PAGE ************/

#site{
	width:1024px;
	min-height:814px;
	margin:11px auto;
	background:#fff url(../img/background_site.jpg) top no-repeat;
	overflow:hidden;
}

#content{
	width:1018px;
	margin:0 auto;
	overflow:auto;
}

#left_home{
	width:675px;
	float:left;
	text-align:justify;
}

#right_home{
	width:302px;
	float:left;
	padding:40px 0 0;
	margin:0 0 0 10px;
}

#left_content{
	width:238px;
	float:left;
	overflow:hidden;
}

#right_content{
	width:757px;
	float:right;
	overflow:hidden;
}





/************ TITRES ET PARAGRAPHES ************/

h1{
	color:#009ee0;
	font-size:24px;
	margin:40px auto 15px;
}

h2{
	color:#009ee0;
	font-size:24px;
	margin:10px 0 0;
	padding:0;
	text-align:center;
}
h3{
	color:#515151;
	font-size:12px;
	margin:10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
}
h4{
	color:#515151;
	font-size:20px;
	padding:0;
	text-align:left;
	font-weight:bold;
}
h5{
	color:#515151;
	font-size:14px;
	padding:0;
	text-align:left;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:2px;
}

p{
	text-align:justify;
	padding-left:6px;
	padding-right:10px;
	padding-bottom:10px; 
}

.img_block{
	display:block;
	float:left;
	margin:0;
	padding:0;
}




/************ ICONES ************/
#send, #print{
	display:block;
	float:right;
	margin:0 2px 0 0;
	position:relative;
	top:-35px;
}



/************ HEADER ************/

#header{
	width:1002px;
	height:179px;
	margin:11px auto 0;
	background:url(../img/background_header.jpg) top no-repeat;
	position:relative;
	z-index:999;
}

#header #logo{
	display:block;
	width:260px;
	height:90px;
	position:absolute;
	top:10px;
	right:25px;
}

#search{
	position:absolute;
	right:30px;
	bottom:10px;
}

#search label{
	font-size:11px;
	float:left;
	color:#fff;
}

#search input{
	width:132px;
	height:14px;
	border:1px solid #9b9b9b;
	float:left;
	margin:0 5px;
	font-size:11px;
}

#search input.submit{
	display:block;
	border:none;
	background:#000;
	width:auto;
	height:17px;
	padding:0 3px;
	margin:0;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

li#menu1 ul{
	width:400px;
	height: 400px;
	margin-right:50px;
}




/************ PAGE ACCUEIL ************/

#block_home{
	width:550px;
	height:504px;
	margin:28px auto 0;
	background:url(../img/background_left_home.jpg) no-repeat;
	font-weight:bold;
	position:relative;
}
#block_home p{
	width:508px;
	padding:15px 20px 0;
	font-weight:bold;
	position:relative;
}

#block_home a.catalogue{
	position:absolute;
	left:11px;
	bottom:6px;
	border:2px solid #6bb9da;
}

#block_home a.calendrier{
	position:absolute;
	right:11px;
	bottom:6px;
	border:2px solid #6bb9da;
}

#block_home_anim{
	width:536px;
	height:296px;
	position:relative;
	margin-left:6px;
	margin-top:3px;
}



/************ BLOCS COLONNE DROITE HOME ************/

#right_home .block_right{
	width:302px;
	background:#adadad url(../img/background_block_right.jpg) top no-repeat;
	border:1px solid #d4d4d4;
	margin:0 auto 13px;
	padding:8px 0;
	text-align:center;
	color:#000;
	font-size:11px;
}


#right_home .block_right div{
	background:#c6c6c6;
	width:240px;
	margin:0 auto;
	padding:11px;
	overflow:auto;
}

#right_home .block_right h2{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	padding:0;
}

#right_home .block_right h3{
	width:287px;
	height:23px;
	margin:0 auto;
	line-height:22px;
	background:url(../img/title_block_right.jpg) no-repeat;
	font-size:12px;
	color:#009ee0;
	text-indent:15px;
	text-align:left;
}
#right_home .block_right h4{
	width:287px;
	height:23px;
	margin:0 auto;
	line-height:22px;
	background:url(../img/title_block_right_bis.jpg) no-repeat;
	font-size:12px;
	color:#009ee0;
	text-indent:15px;
	text-align:center;
}



/************ NEWS ************/

#right_home #news p{
	text-align:justify;
	padding:5px 0 0
}

#right_home #news a.more{
	color:#009ee0;
	font-weight:bold;
}
#right_home #news a.more:hover{ text-decoration:none; }



/************ NEWSLETTER ************/

#right_home #newsletter input{
	width:160px;
	height:15px;
	border:1px solid #9b9b9b;
	float:left;
	margin:0 5px;
	padding:0 5px;
	font-size:11px;
}

#right_home #newsletter input.submit{
	display:block;
	border:none;
	background:#000;
	width:auto;
	height:17px;
	padding:0 3px;
	margin:0;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}




/************ SONDAGE ************/

#right_home #poll{ text-align:center; }

#right_home #poll p{
	text-align:center;
	font-size:12px;
	color:#009EE0;
	font-weight:bold;
	padding:0 0 10px;
}

#right_home #poll input{
	margin:0 6px 0 12px;
}

#right_home #poll input.submit{
	display:block;
	border:none;
	background:#000;
	width:auto;
	height:17px;
	padding:0 3px;
	margin:10px auto 0;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}


/************ BTN QUESTION ************/

#question{
	display:block;
	width:121px;
	height:57px;
	line-height:56px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/btn_question.gif) no-repeat;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}




/************ FIL D'ARIANE ************/

#breadcumb{
	height:20px;
	color:#5d5d5d;
	font-size:10px;
	float:right;
	margin:5px 11px;
}
#breadcumb a{ 
	color:#5d5d5d;
	margin-right:5px;
}




/************ PARTIE GAUCHE ************/

#block_services{
	/*min-height:300px;*/
	width:222px;
	border:2px solid #bdbdbd;
	position:relative;
	margin:45px 0 10px 12px;
	background:url(../img/background_menu_left.jpg) top no-repeat;
}

#block_services h2{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	padding:5px 0 10px;
}


#block_services a.catalogue_mini{
	left:1px;
	bottom:1px;
	border:1px solid #6bb9da;
}

#block_services a.calendrier_mini{
	right:1px;
	bottom:1px;
	border:1px solid #6bb9da;
}




/************ DOUBLE MENU ************/

#double_menu{
	display:block;
	width:721px;
	height:113px;
	margin:0 auto;
	background:url(../img/background_content_menu.jpg) no-repeat;
}

#double_menu ul{ padding:15px 0 0 25px;}
#double_menu li{ color:#009ee0; margin-left:5px;}
#double_menu li a{
	color:#302f2f;
	text-decoration:none;
}
#double_menu li a strong{ text-decoration:underline; }

/************ DOUBLE MENU GRAND ************/

#double_menu_grand{
	display:block;
	width:721px;
	height:170px;
	margin:0 auto;
	background:url(../img/background_content_menu_big.jpg) no-repeat;
}

#double_menu_grand ul{ padding:15px 0 0 23px;}
#double_menu_grand li{ color:#009ee0; margin-left:5px; }
#double_menu_grand li a{
	color:#302f2f;
	text-decoration:none;
}
#double_menu_grand li a strong{ text-decoration:underline; }

/************ FOOTER ************/

#footer{
	clear:both;
	width:1024px;
	font-size:11px;
	font-weight:bold;
	color:#515151;
	margin:30px auto 0;
	padding:0 0 10px;
	overflow:auto;
}

#footer_left{
	margin-left:25px;
	width:400px;
	float:left;
}

#footer_left form{
	float:left;
	width:200px;
}

#footer_left select{
	width:180px;
	height:17px;
	border:1px solid #9b9b9b;
	color:#009ee0;
	font-size:11px;
	text-transform:uppercase;
}

#footer_left ul{
	float:left;
	list-style:none;
}

#footer_left li, #footer_right li{
	display:inline;
	list-style:none;
}

#footer_left li a{
	color:#515151;
	margin:0 5px;
}
#footer_left li a:hover{ text-decoration:none; }

#footer_right{
	margin-right:15px;
	width:400px;
	float:right;
}

#footer_right ul{
	float:right;
	list-style:none;
}

#footer_right li a{
	color:#009ee0;
	margin:0 5px;
}
#footer_right li a:hover{ text-decoration:none; }

.texte_blanc{ color:#FFF; }