/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}

abbr,acronym {border:0;}

/*fonts.css*/
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
body * {line-height:1.22em;}
html {
	background: url(bg_body.gif) repeat-x #eee;
}
body {
   margin: 0px;
   padding: 0;   
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #333333;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}
p, form, input{
	margin: 0px;
	padding: 0px;
}
form, input{
	font-size: 100%;
	font-family: Arial;
	vertical-align:middle; 
	border:0;
	color: #333333;
}
a {
	text-decoration: underline;
	color: #18407a;
}
a:hover {
	text-decoration: none;
}
h1 a:hover, h2 a:hover{
    text-decoration: none;
}
ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
}
legend {
  	display: none;
}
img {
	border: none;
	vertical-align: middle;
}
strong {
	font-weight: bold;
}
.hide {
	display: none;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.breaker{
	clear: both;
	height: 1px;
	overflow: hidden;
}
/**********************************************************************************************************************************************
************************************************** SQUELETTE *********************************************************************************
**********************************************************************************************************************************************/
#page {
	 background: url(bg_header.gif) repeat-x top center #fff;
}
#page .inside{
	position: relative;
	width: 959px;
	margin: 0 auto;
	text-align: left;
}
/***********************************************
******************** HEADER ******************
***************************************************/
#header {
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 0 0 0;
}
#header .logo{
	float: left;
	padding: 0 0 12px 0;
}
.home h1, #ph1,
#header p{
margin:0;
	float: right;
	color: #999999;
	font-family: Tahoma;
	font-size: 200%;
	font-weight: normal;
	padding: 0 181px 13px 0;
}
.home h1{
	position: absolute;
	top: 12px;
	left: 420px;
	right: -20px;
	float: none;
}
#ph1{
	position: absolute;
	top: 17px;
	left: 420px;
	right: -20px;
	float: none;
}
#header ul{
	float: right;
	width: 810px;
	margin: 42px -5px 0 0;
}
#header li {
	float: left;
	background: url(sepa.gif) no-repeat;
	padding: 0 2px;
}
#header li.first {
	background: none;
	padding: 0 7px 0 0;
}
#header li a{
	float: left;
	display: block;
	color: #666666;
	text-align: center;
	width: 130px;
	height: 25px;
	padding: 5px 0 0 0;
	text-decoration: none;
	font-size: 125%;
}
#header li a:hover,
#header li a.encour {
	color: #fff;
	background: url(bg_li_over.gif) no-repeat;
}
#header .current_page_item a{
	color: #fff !important;
	background: url(bg_li_over.gif) no-repeat;
}
#header li a.encour {
	cursor: text;
}
/***********************************************
******************** FOOTER ******************
***************************************************/
#footer {
	background: url(bg_footer.gif) repeat-x;
	padding: 12px 0 30px 0;
	color: #949494;
	font-size: 95%;
}
#footer ul {
	float: left;
	padding: 0 0 10px 0;
}
#footer li {
	display: inline;
	padding: 0 4px 0 0;
	color: #333333;
}
#footer li span{
	padding: 0 4px;
}
#footer li a{
	color: #333333;
}
#footer p{
	float: right;
}
#footer p img{
	margin: 0 0 0 4px;
}
/***********************************************
******************** CENTRE ******************
***************************************************/
.centre {
	padding: 265px 0 30px 0;
	height: 230px;
	overflow: hidden;
}
.centre_bis {
	min-height: 1px;
	height: auto;
	overflow: visible;
        _height: 1px
}
.centre_bis h2{
	font-size: 117%;
	font-weight: bold;
	color: #18407a;
	padding: 12px 0 5px 0;
}
.centre_bis h2 span{
	font-size: 114.5%;
	display: block;
	Margin:-15px 0 15px 0;
}
.centre_bis ul{
	padding: 0px 0 5px 28px;
}
.centre_bis li{
	padding: 0 0 5px 10px;
	background: url(puce.gif) no-repeat 0 6px;
}
.visuel {
	float: left;
	border: 4px solid #f2f2f2;
	margin: 0 15px 0 0;
}
/***** item float ***/
.item_float {
	width: 202px;
	float: left;
	margin: 0 50px 0 0;
}
.item_float h2{
	padding: 0 0 5px 12px;
	border-bottom: 1px solid #d6d6d6;
	color: #18407a;
	font-size: 133.5%;
}
.item_float .txt{
	padding: 10px 0 5px 12px;
	background: url(degrade_item_float.gif) repeat-x;
	height: 155px;
	overflow: hidden;
}
.item_float .txt p{
	padding: 0 0 15px 0;
}
.conatct_item {
	margin: 0;
}
.conatct_item h2{
	color: #de2f3c;
}
.conatct_item .txt{
	padding: 25px 0 5px 20px;
    height: 140px;
	background: url(degrade_item_contact.gif) repeat-x;
}
.conatct_item .txt .adr{
	padding: 0 0 15px 0;
	font-size: 110%;
}
.item_float Button{
	background: url(btn.gif) repeat-x;
	height: 29px;
	width: 194px;
	border: 0;
	color: #fff;
	padding: 0 0 3px 0;
	font-weight: bold;
	cursor: pointer;
}
.conatct_item Button{
	background: url(btn_rouge.gif) repeat-x;
}
/** fil ariane **/
.breadcrumb ul {
	border-bottom: 4px solid #eeeeee;
	color: #999999;
	padding: 0 0 10px 0;
	margin: -12px 0 20px 0;
}
.breadcrumb ul li {
	display: inline;
	font-size: 92%;
	padding: 0;
	background: none;
}
.breadcrumb ul li a {
	color: #999999;
        text-decoration: none;
}
.breadcrumb ul li a:hover {
        text-decoration:  underline;
}
.breadcrumb ul li strong {
	color: #de2f3c;
}
/** CENTRE **/
.centre_bis h1{
	color: #de2f3c;
	font-size: 200%;
	font-weight: normal;
	padding: 0 0 20px 0;
}
.centre_bis p{
	padding: 0 0 12px 0;
	line-height: 18px;
}
.centre_bis p.chapo{
	font-size: 133.5%;
}*
.centre_bis p.chapo span{
	font-size: 81.5%;
}
/** plan site **/
.centre_bis .plan_site {
	padding: 10px 0 0 0;
}
.centre_bis .plan_site {
border:none;
}
#sitemap_list {
border:none;
}
.centre_bis .plan_site li, #sitemap_list li{
	float: left;
	margin: 0 33px 15px 30px;
	font-size: 133.5%;
	background: url(bg_li.gif) no-repeat;
	width: 138px;
	height: 25px; 
	padding: 5px 0 0 40px;
}
.centre_bis .plan_site li h2, #sitemap_list li h2{
	font-size: 100%;
	font-weight: normal;
	padding: 0;
}
.plan_site li a, #sitemap_list li a{
	color: #000;
	text-decoration: none;
}
.plan_site li a:hover, #sitemap_list li a:hover{
        text-decoration:  underline;
}
/** Contact **/
.contact {
	width: 532px;
	float: left
}
.contact_bis {
	float: right;
	margin: 0 -65px 0 0;
}
.centre_bis .contact h2{
	color: #de2f3c;
	font-size: 200%;
	font-weight: normal;
	padding: 0 0 15px 0;
}
.centre_bis .contact p{
	padding: 0 0 28px 0;
}
.centre_bis .contact label{
	display: block;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.centre_bis .contact label.label{
	display: inline;
	font-weight: normal;
	padding: 0 2px 0 0;
}
.centre_bis .contact label span{
	color: #de2f3c;
}

.wpcf7-form-control-wrap input{
	border: 1px solid #dbdedb;
	width: 193px;
	height: 18px;
	padding: 3px 0 0 5px;
}
.wpcf7-validation-errors{
width:100%;
background-color:#FF9595;
margin-top:7px;
padding:5px;
border-bottom:solid 2px #FF0000;
border-top:solid 2px #FF0000;
}
.wpcf7-not-valid-tip-no-ajax{
color:#FF0000;
}

.centre_bis .contact .input_bis{
	width: 57px;
}
.centre_bis .contact fieldset {
	float: left;
	width: 200px;
	padding: 0 66px 12px 0;
}
.centre_bis .contact textarea {
	border: 1px solid #dbdedb;
	width: 459px;
	height: 90px;
	padding: 3px 0 0 5px;
	display: block;
	margin: 0 0 14px 0;
}
.centre_bis .contact strong{
	display: block;
	padding: 0 0 4px 0;
}
.centre_bis .contact .btn, .btn {
	float: right;
	margin-right: 65px;
}
.item_with_fd {
	float: right;
	width: 370px;
	padding: 0 0 0 30px;
	background: url(bg_item_fd.gif) no-repeat;
	height: 500px;	
}
.item_with_fd .vcard {
	font-size: 110%;
	padding: 0 0 20px 0;	
}
.item_article {
	float: left;
	width: 400px;
}
.centre_bis .contact_bis p span{
	color: #de2f3c;
	font-size: 200%;
	font-weight: normal;
	display: block;
	margin: 0 0 -13px 0;
}
.centre_bis .links{
	padding: 0;

}
.centre_bis .links li{
	padding: 0 ;
	background: none;
	display: inline;
}
.centre_bis .links ul {
	padding: 0 0 0 5px;
	display: inline;
}
#map_canvas {
	width: 369px;
	height: 236px;
	overflow: hidden;
}
.interne {
	float: right;
	margin: 0;
}

.liste_articles h2 a{
	color: #de2f3c;
	font-weight: normal;
	padding: 0 0 15px 0;
	text-decoration:none;
}
.liste_articles h2{
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
.datum{
	background: url(datum.jpg) no-repeat top left;
	padding-left:21px;
	color:#999;
}
.comments{
	background: url(comment.jpg) no-repeat top left;
	padding-left:21px;
	color:#999;
}
.titlerouge{
	color: #de2f3c;
	font-weight: normal;
	padding: 0 0 35px 0 !important;
	text-decoration:none;
	font-size: 200%;
}
.comment_input input{
	border: 1px solid #dbdedb;
	width: 460px;
	height: 18px;
	padding: 3px 0 0 5px;
	margin-bottom:15px;
}
#commentform p{
	padding:0px;
	margin:0px;
}
.commentlist{
	list-style-type:none;
}
.avatar{
	float:left;
	margin-right:10px;
}
.commentmetadata{
	margin-bottom:8px;
}
.emptyone{
	padding-bottom:4px !important;
}
.infoarticle{
	padding-bottom:8px !important;
}

cite{
	float:left;
}
.commentent_content{
	width:100%;
	margin-left:42px;
}
.commentmetadata{
	color:#999;
}
.url{
	text-decoration:none;
	font-weight:bold;
}
.entry h2{
	color: #18407A !important;
	font-size: 117% !important;
	font-weight: bold !important;
	padding: 15px 0px 5px !important;
}
.entry p{
	padding:5px !important;
	margin:0px !important;
}
.entry ul{
	padding: 7px 0px 7px 20px !important;
	margin:0 !important;	
}
.entry{
	padding-bottom:30px;
}		

.tel img{margin-top:15px}

	
.articlecontent{
	text-align:justify;
}
.authorspan{
	padding-left:3px;
	color:#999;
}
.contact .entry strong{
	display:inline !important;
}

