/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align:left;
	background-color:#F0F0EE;
	color:#333;
	font-family:verdana, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(../images_interface/fond_body.gif);
	background-repeat:repeat-x;
}

hr {
	clear: both;
	width: 100%;
	border: 0; 
	border-bottom: 1px #CCCCCC solid; 
	height: 1px; 
}

h1, .h1{
	background-color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
	color: #6C939A;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

h1.newsletter{
	background-color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
	color: #95141A;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

h2, .h2, h2 a, .h2 a{
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	color:#000;
}

h2 a:hover, .h2 a:hover{
	color:#999999;
	text-decoration:underline;
}

h3, .h3{
	font: 14px Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	padding:0;
	margin:0;
}

h4, .h4{
	font: 1em Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#EB7C0F;
}

h5, .h5{
	font: 1em Arial, Verdana, sans-serif;
	font-weight:normal;
	margin:0;
	padding:5px;
	border:1px solid #ccc;
}

h6, .h6{
	font: 1em Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#fff;
	background-color:#990000;
	padding:5px;
}

a{
	color:#95141A;
}

#container{	
	position:relative;
	width: 992px;
	margin:0 auto;
	text-align:left;
	padding:0;
	padding-top:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#breadcrumb{
	position:absolute;
	font: 0.8em Arial, Verdana, sans-serif;
	font-weight:normal;
	top:50px;
	left:20px;
	color:#999;
}

#breadcrumb a{
	font: 0.8em Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#999;
	text-decoration:none;
}


/************** Haut de page **************/
#header{
	height:212px;
	width: 992px;
	background-image: url(../images_interface/logo.gif);
	background-position:center 0;
	background-repeat:no-repeat;
	text-decoration:none;
}

#header a{
	display:block;
	position:absolute;
	width:992px;
	height:212px;
	text-decoration:none;
}

#header span{
	visibility:hidden;
}

#twitter{
	position:absolute;
	top:181px;
	right:100px;
	height:48px;
	width:85px;
	background-image:url(../images_interface/twitter.gif);
	background-repeat:no-repeat;
}

#twitter a{
	height:48px;
	width:85px;
}


#rss{
	position:absolute;
	top:181px;
	right:30px;
	height:48px;
	width:85px;
	background-image:url(../images_interface/rss.gif);
	background-repeat:no-repeat;
}

#rss a{
	height:48px;
	width:85px;
}

#blog_liste{
	width:190px;
	display:block;
	padding-left:25px;
	list-style:square;
	color:#6B9299;
	padding-bottom:10px;
	width:180px;
}

#blog_liste li a{
	text-decoration:none;
	margin-bottom:10px;
	color:#950101;

}

/************ Les drapeaux ******************/
#drapeaux{
	position:absolute;
	display:block;
	top:5px;
	right:30px;
	z-index:3;
}

#drapeaux a{
	position:relative;
	display:inline;
	border:0;
}

#drapeaux img{
	margin-right:10px;
	height:auto;
	border:0;
}


/************** Bas de page **************/

#footer2{
	clear:both;
	margin:0 auto;
	height:95px;
	text-align:left;
	background-color:#95141A;
	font-size:10px;
	color:#fff;
	padding:15px 30px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#photo{
	background-image:url(../images_interface/JFP.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border:1px solid #ccc;
	width:67px;
	height:95px;
	float:left;
}

#content, #content_gauche{
	position:relative;
	margin:0 auto;
	width:950px;
	background-color:white;
	border:1px solid #ccc;
	text-align:left;
	font-size: 1em;
	color:#666;
	line-height:1.5em;
	margin-top:26px;
	padding:20px 20px 20px 20px;
	background-image:url(../images_interface/fond_container.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content_gauche{
	position:relative;
	float:left;
	width:670px;
	margin:0;
	margin-top:26px;
	padding-right:300px;
}

#content_home{
	position:relative;
	margin:0 auto;
	width:690px;
	background-color:white;
	border:1px solid #ccc;
	text-align:left;
	font-size: 1em;
	color:#666;
	line-height:1.7em;
	margin-top:26px;
	padding:5px 280px 35px 20px;
	background-image:url(../images_interface/fond_container.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content_gauche img{
	padding:15px;
}

#content_home.page img{
	margin-left:-20px;
}

#module_vert{
	margin-top:30px;
	margin-left:10px;
}

#module_rouge{
	margin-top:20px;
	margin-left:10px;
}

#blog{
	margin-top:20px;
	margin-left:10px;
	background-color:#B3C4C7;
	width:208px;
}

/************** Menu principal **************/
#menu1{
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	top:224px;
	left:0;
	height:26px;
	display:block;
	padding:0;
	margin:0;
	text-align:center;
	background-image:url(../images_interface/fond_menu.gif);
	background-repeat:repeat-x;
	width:35.8%;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-left:33%;
	padding-right:31%;
}

#menu1 li {
	float:left;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	margin:0;
	list-style:none;
}

#menu1 li a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	height:14px;
	text-align:center;
	text-decoration:none;
	float:left;
	padding: 6px 10px;
	border-left:1px solid #ccc;
}

#menu1 li:last-child{
	border-right:1px solid #ccc;
}

#menu1 a:hover, #menu1 a.selected {
	background-color:#6C939A;
	color:white;
}

#menu1 li:hover ul ul, #menu1 li:hover ul ul ul, #menu1 li.sfhover ul ul, #menu1 li.sfhover ul ul ul {
	left: -999em;
}

#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li li li:hover ul, #menu1 li.sfhover ul, #menu1 li li.sfhover ul, #menu1 li li li.sfhover ul {
	left: auto;
}

#menu1 li:hover, #menu1 li.sfhover {
	color:#B3B3B5;
}

/****************** Menus ******************/

#col_right{
	position:absolute;
	top:242px;
	right:10px;
	width:250px;
	height:350px;
	padding:0;
}

#col_right h1{
	font-size:20px;
}


#col_right_2{
	font-family:verdana, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
	color:#666;
	line-height:1.5em;
	position:absolute;
	top:296px;
	right:0;
	width:260px;
	padding:10px;
	border-right:1px solid #ccc;
	z-index:100;
}

#col_right_2 img{
	padding: 0 10px 10px 0;
}

#col_right_newsletter{
	position:absolute;
	top:340px;
	right:130px;
	width:250px;
	padding:0;
}

#menu_actu{
  width:225px;
}

ul#menu_actu, ul#menu_home{	
	margin:0;
	padding:0;
	padding-bottom:9px;
	background-image:url(../images_interface/public_menu_list.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#menu_home ul, #menu_actu ul{
	margin:0;
	padding:0;
	list-style:none;
}

ul#menu_home li, ul#menu_actu li{
	background-image:url(../images_interface/public_onglet_titre_off.gif);
	background-repeat:no-repeat;
	background-position:left top;
	clear:both;
	margin:0;
	padding:0;
	font-size:10px;
	list-style:none;
	
}

ul#menu_home li div{
	padding:0 20px;
	margin-top:13px;
}

ul#menu_actu li div{
	padding:0 10px;

}

#menu_home img, #menu_actu img{
	border:0;
	clear:both;
	padding:0;
	margin:0 auto;
	margin-top:5px;
	display:block;
}



#menu_home li.titre, #menu_actu li.titre, #menu2 li.titre{
	display:block;
	background-image:url(../images_interface/public_onglet_haut_2.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	color:white;
	font-weight:bold;
	font-size:13px;
	padding-left:25px;
	padding-top:3px;
	
}

#menu_home h3 , #menu_actu h3 {
	margin:0;
	padding:0;
	border:0;
	color:black;
	font-weight:bold;
	font-size:11px;
	padding-left:15px;
	padding-top:8px;
	height:22px;
	
}

#menu_home li a,  #menu_actu li a{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	color:#c00;	
	font-size:11px;
	font-weight:normal;
	
}
#menu_home li img,  #menu_actu li img{
	display:block;
	margin-bottom:20px;
}

#menu_actu div{
	line-height:14px;
}

a.suite{
	padding-left:20px;
	font-weight:normal;
	background-image:url(../images_interface/suite.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	color:#CD0F14;
}

/************ Les menus de homes intérieures******************/
ul#menu_sous_rub{   
    float:left;
    margin-top:10px;
    margin-left:0;
	width:440px;
}

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

ul#menu_sous_rub li{
    clear:both;
    padding:0;
	margin:0;
	margin-left:-40px;
    font-size:12px;
    list-style:none;
    margin-top:5px;
	margin-bottom:20px;
}

ul#menu_sous_rub li a{
    color: #666;
	text-decoration:none;
    color:#666;   
    font-size:12px;
    font-weight:normal;  
}

ul#menu_sous_rub li div{
    padding:0;
	margin:0;
	clear:both;
	display:block;
	border-top:1px solid #ccc;
}

ul#menu_sous_rub li a h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color: #6C939A;
	font-weight:normal;
}

ul#menu_sous_rub li h4.date{
	font_size: 0.9em;
    font-weight:normal;
    color:#98998D;
    display:inline;
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}

ul#menu_sous_rub li img{
    float:left;
    height:100px;
    width:100px;
    margin-right:5px;
	margin-top:10px;
    border:none;
    display:block;
    margin-bottom:20px;
}

ul#menu_sous_rub li div p a span.suite{
	float:right;
	color: #6C939A;
}

ul#menu2{
	margin:0;
	padding:0;
	list-style:none;
	padding-bottom:10px;
	display:block;
	background:none;
}

#menu2 li{
	padding:0;
	margin:0;
	background:none;
}

#menu2 a{
	font-size:0.95em;
	color:white;
	text-decoration:none;
	background-image:url(../images_interface/cross.gif);
	background-repeat:no-repeat;
	background-position:10px 50%;
	display:block;
	padding-left:20px;
}

#menu2 a:hover{
	color:#FF5958;
}

#menu2 a.selected{
	color:#999;
	text-decoration:underline;
}

.titre_menu2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:#333;
	display:block;
	height:35px;
	padding:0;
	padding-bottom:25px;
	border-bottom:1px solid #ccc;
}

.titre_menu3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:#333;
	margin-top:30px;
	height:35px;
	padding:0;
	padding-left:10px;
	border-bottom:1px solid #ccc;
}

#menu3{
	clear:right;
	float:right;
	width:190px;
	list-style:none;
	margin:0;
	padding:20px 0 20px 45px;
	border-top:1px solid white;
	border-bottom:1px solid white;
	background-color:#2A588C;
	z-index:6;
}

#menu3 li{
	list-style:none;
	margin:0;
	padding:0;
	height:16px;
	margin-bottom:5px;
	border-bottom:1px dotted white;
}

#menu3 li a{
	font-size:0.85em;
	color:#fff;
	text-decoration:none;
	background-image:url(../images_interface/cross.gif);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:10px;
	display:block;
}

#menu3 a.selected{
	color:#900;
}


/************ L'image sur la gauche ******************/
#im_1{
	float:left;
	padding:0 30px 30px 0;
	display:block;
}

/************ Le formulaire de login ******************/
#login{
	width:405px;
	margin-left:10px;
}

#login label{
	display:block;
	font-size:10px;
	margin:0;
	font-size:0.85em;
	color:#333;	
}

#ident, #mdp{
	display:block;
	width:115px;
	height:16px;
	border:1px solid #ccc;
	margin-bottom:10px;
	font-size:10px;
}

#login #ok{
	
}

#login #ok:active{
	background-position:0 0;
}

#login a{
	clear:both;
	display:block;
	font-size:0.85em;
	color:#333;
	
	margin:20px 0;
}


/************ Le formulaire de recherche******************/
#rech{
	position:absolute;
	width:220px;
	right:50px;
	top:8px;
}

#rech label{
	float:left;
	display:block;
	font-size:10px;
	margin:2px 10px;
	font-size:0.85em;
	color:#999;		
}

#q{
	float:left;
	width:80px;
	height:11px;
	border:1px solid #ccc;
	font-size:10px;
}

#ok{
	float:left;
	display:block;
	margin:-2px 5px;	
}

/************ Le formulaire de contact******************/

#form_contact{
	margin:0;
	padding:10px;
	margin-top:30px; 
	border:1px solid #ccc;
	margin-bottom:30px;
}

#form_contact td{
	text-align:left;
	font-size:11px;
}

/************ La newsletter******************/

#label_nom, #label_nom, #label_societe, #label_adresse, #label_code_postal, #label_ajout{
	margin-left:0;
	text-align:left;
	padding-right:10px;
	width:70px;
}

#label_prenom{
	margin-left:32px;
	text-align:right;
	padding-right:10px;
	width:49px;
}

#label_ville{
	margin-left:32px;
	text-align:right;
	padding-right:10px;
	width:140px;
}

#label_newsletter{
	margin-left:32px;
	text-align:right;
	padding-right:10px;
}

#newsletter_inscrit_email{
	width:392px;
}

#newsletter_inscrit_nom{
	width:150px;
}

#newsletter_inscrit_prenom{
	width:144px;
}

#newsletter_inscrit_societe{
	width:150px;
}

#newsletter_inscrit_adress{
	width:390px;
}

#newsletter_inscrit_preference{
	width:390px;
}

#mentions_obligatoires{
	font-size:0.9em;
}

/************ Quelques classes ******************/

.fond1{
	background-color:#fff;
	padding:5px;
	border-bottom:1px solid #ccc;
}
.fond2{
	background-color:#eee;
	padding:5px;
	border-bottom:1px solid #ccc;
}

#form_inscription{
	height:300px;
	width:185px;
	padding:20px;
	background-image:url(../images_interface/tester_avant.gif);
	background-repeat:no-repeat;
	padding-top:45px;
	font-size:10px;
	color:white;
	line-height:normal;
}

#form_inscription input{
	margin-top:5px;
	font-size:10px;
}

/************ Pour les reférences ******************/

.colonne{
	float:left;
	width:240px;
	margin-left:25px;
	
}
.ref{
	margin-bottom:30px;
}

div.ref h4{
	margin:0;
	padding:0;
	color:#c00;
	font-size:11px;
	font-weight:normal;
}

div.ref strong{
	display:block;
	margin-bottom:5px;
}

div.ref a{
	color:#c60;
	text-decoration:none;
	display:block;
}

/************ Exceptions iPhone ******************/

.logotype, .rss, .twitter, .photo, .home, .header_icones_mobile, #footer_mobile, #footer_mobile_icones{
	display:none;
}