/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;/*font-weight:normal;font-style:normal;*/text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*** Générale ***/
body{
font-family: Helvetica,Arial,  sans-serif;
font-size: 0.7em;
color: #fff;
background: #000;
line-height: 1.4em;
}

a{
color: #fff; /*blanc*/
text-decoration: none;
}

a:hover{
color: #999; /*gris*/
}

.current a{
color: #999;
}
/*
.center{
width: 950px;
margin: 0px auto;
}
*/
#pointcom{
position: absolute;
width: 950px;
height: 740px;
/*top: 50%;
margin-top: -360px; */

left: 50%;
margin-left: -465px;
}

#intro{
	position: absolute;
	width: 950px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	left: 50%;
	margin-left: -465px;
}

/*** Header **/
#header,#bottom{
height: 140px;
text-transform: uppercase; /* for menu */
font-size: 11px;
background: #000;
/*border: 1px #00CC00 solid;*/
}

#bottom{
clear:both;
}

#logo{
	width: 360px;
	display: block;
	margin: 32px auto 0px auto;
	padding: 0px;
	clear: both;
	/*border: 1px solid #00CC00;*/
}

#menu-top{
	display: block;
	float: left;
	/*border: #FF9966 1px solid;*/
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 206px;
}

#menu-top li{
display: inline;
margin: 0px 2px;
}

#menu-top li img, #lang li img, #menu-bottom li img{
padding: 1px 1px 1px 1px;
}

#lang{
float: right;
margin: 0px 20px 0px 0px;
/*border:   #66FFFF 1px solid;*/
}

#lang li{
display: inline;
}

.top{
height: 30px;
margin-top:30px;
/*border: 1px solid #CC00CC;*/
}

/*** MIDDLE ***/
#middle{
background: #000;
width: 950px;
/*border: 1px #FF6699 solid;*/

}

#bloc-text{
margin: 200px 0px 0px 0px;
width: 948px;
position: absolute;
top: 0px;
/*border:#00FF33 1px solid;*/
}

#bloc-text h4{
margin-bottom: 12px;
text-transform: uppercase;
}

#slick-toggle{ /* flèche du cadre */
float: left;
width: 40px;
}

#slick-hide{ /* bouton close du cadre */
display: block;
height: 20px;
float: right;
margin-right: 10px;
}

#slickbox{ /* cadre */
float: left;
margin-top: 0px;
background: url(../img/cadre.png) repeat;
padding: 14px 0px 1px 14px;
width: 300px; /* 240px sans padding */
}

#slickbox p{
margin-right: 10px;
}

#middle_no_gallerie{ /*page  ne contenant pas de galerie*/
color: #fff;
}

#home, #news, #emploi, #contact,#form_desc, #admin-left{ /* cadre */
margin: 0px 0px 0px 40px;
background: url(../img/cadre.png) repeat;
text-align: justify;
float: left;
}
#contact h4{
text-transform: none;
}

#home{
width: 250px; /* 240px sans padding */
padding: 12px;
}

#news{
width: 330px;
height: 270px;
padding: 18px 12px 12px 30px;
}

#emploi{
min-height: 260px;
width: 220px;
padding: 18px 12px 5px 30px;
}

#contact{
height: 220px;
width: 220px;
padding: 18px 12px 5px 30px;
}

.detail_conta li{
list-style: none;
}

.space-bot{
margin-bottom: 20px;
}

#liens_news{
background: url(../img/cadre.png) repeat;
width: 200px;
margin-left:660px;
top: 0px;
padding: 20px 0px 10px 20px;
}

#liens_news p{
margin-bottom: 5px;
}

#liste-emploi{
list-style-type: none;
padding: 0;
margin: 0;
}
#liste-emploi li{
background-image: url(../img/icon-pdf.jpg);
background-repeat: no-repeat;
background-position: 0.2em;
padding-left: 2em;
margin: 8px 8px 8px 0px;
list-style-position:outside;
}

#sit{
margin: 10px 130px;
}


/*** Bottom ***/
#menu-bottom{
display: block;
width: 300px;
margin: 20px 0px 0px 360px;
}
#menu-bottom li{
display: inline;
margin: 0px 2px;
}

/** autre **/
.choose_lang{
text-align: center;
}

#animation{
margin: 54px 0px 100px 0px;
}

/** Forme **/
input{
border: none;
}

#form #newsletter label{
float: left;
display: block;
width: 180px;
}

#form #enews{
display: block;
float: left;
}

#form_desc{
width: 200px;
margin: 0px 0px 0px 20px;
padding: 18px 12px 12px 20px;
}

#form{
background: url(../img/cadre.png) repeat;
width:	424px;
float: left;
margin-left: 40px;
padding: 30px 30px 20px 20px;
}

#form label, #form fieldset{
text-transform: uppercase;
}

#form div{
margin-bottom: 12px;
}

#form input{
width: 170px;
}

#form fieldset input{
width: auto;
margin-right: 3px;
}

#form #npa{
width: 30px;
margin-right: 9px;
}
#form #ville{
width: 128px;
}

.b_left{
float: left;
width: 200px;
/*border: 1px solid #00FF66;*/
}

.b_left label{
display: block;
}
.b_right{
float: left;
width: 200px;
margin-left: 20px;
/*border: 1px solid #00FF66;*/
}

textarea, input,checkbox{
border: none;
margin: 0px;
}

#newsletter_topics{
display:block;
}
.ok{
display: block;
padding-top: 10px;
margin: 0px auto;
clear: both;
}
.ok-log input{
width: 232px;
}

#log-form{
background: url(../img/cadre.png) repeat;
width: 280px;
margin: 30px auto 0px auto;
padding: 20px 80px;
text-align: center;
font-size: 12px;
}

#log-form h4{
text-align: center;
}

#log{
width: 270px;
margin: 32px 0px 0px 0px;
}

#log input{
width: 230px;
}

#log div{
padding-left: 20px;
margin-bottom: 20px;
}
#fond2{
background: #FFFFFF;
width: 950px;
height: 520px;
}

#signupForm label.error {
	display: block;
	color: #FF0000;
	font-size: 10px;
	margin: 5px 0px 0px 2px;
}
.sapce-bot{
margin-bottom: 14px;
}

#newsletter_topics label.error {
	display: none;
}

/** Admin **/
#middle_admin{
background: #333;
width: 950px;
padding-top: 40px;
}

#admin-right{
float: left;
margin-left: 10px;
width: 550px;
padding: 20px;
background: url(../img/cadre.png) repeat;
text-align: justify;
margin-bottom: 30px;
}
#admin-left{
float: left;
width: 180px;
padding: 20px;
}

.news_item_liste{
display: block;
padding: 10px 0px;
border-bottom: 1px  #CCCCCC solid;
}
.news_item div.desc{
display: block;
}

.news_title{
display: inline;
font-weight: bold;
}
.news_date, .news_edit, .news_delete{
display: inline;
}

.news_edit, .news_delete{
margin-left: 10px;
}

.toright{
float: right;
}

#add_news{
min-height: 50px;
margin-bottom: 10px;
}

.add_title p{
display: block;
font-size: 14px;
float:left;
width: 180px;
height: 40px;
padding-top: 10px;
}

#add_news img{
display: block;
float: left;
}

#message{
width: 500px;;
margin: 5px 10px 10px 10px;
padding: 10px 5px;
background: #e3f1c0;
color:#333;
text-align: center;
font-size: 16px;
}

#news_form,#update_news{
display: block;
float: left;
width: 100%;
}

.lab-input, .lab-text{
width: 100%;
}
.lab-input label{
display: block;
float: left;
margin-right: 10px;
top: 0px;
}
.lab-input input{
float: left;
margin-right: 10px;
top: 0px;
}

.lab-input select{
float: right;
margin-right: 5px;
top: 0px;
}
.lab-text{
margin-top: 40px;
margin-bottom: 20px;
}

#bt-add, #bt-update{
display: block;
float:right;
margin-right: 5px;
}

.sep{
clear: both;
height: 50px;
width: 100%;
}

.sep2{
clear: both;
height: 10px;
width: 100%;
}

#news_item{
margin-top: 10px;
}

#middle_update{
height: 600px;
width: 950px;
background: #666;
padding-top: 40px;
}

#liste-news p{
margin: 0px;
}