* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif;
background:#fff; }


/* ~~~~~~~~~~~~~~~~ Flash & Déco ~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~  Style ~~~~~~~~~~~~~~~~ */


/***** Style par défaut *****/

h1, .invis {
position:absolute;
top:-9999px; }

/***** Style structure *****/


/***** Style contenu *****/

ul.liste {
margin-left:50px;
list-style:none;
}

ul.liste li{
padding:5px;
}

div#presentation_texte .img {
width:160px;
border:5px solid #fff;
}

div#presentation_texte .img2 {
height:120px;
border:5px solid #fff;
}


/* ~~~~~~~~~~~~~~~~  Layout ~~~~~~~~~~~~~~~~ */

div#global{
min-height:900px;
overflow:hidden;
awidth:990px; 
margin:0 auto;}

div#entete{
border-bottom:1px solid #5183B6;
position:relative;
margin:0 auto;
width:990px;
height:185px;}

div#menu {
position:absolute;
top:62px;
left:0px;
width:225px;
height:268px;
margin:0 auto;
padding-bottom:10px;} 

div#menu ul li{
padding-left:30px;
text-align:left;
overflow:hidden;
height:32px;
background:url(img/menu_fond.jpg) no-repeat center;
line-height:1.7}

div#menu ul li:hover{
background:url(img/menu_fond_hover.jpg) no-repeat center;}

div#menu ul li a{
font-family:arial;
text-decoration:none;
font-size:70%;
color:#fff;}

div#menu ul li a:hover{
text-decoration:underline;}

div#contenu {
min-height:500px;
overflow:hidden;
width:693px;
margin-left:278px;}

div#conteneur_centre{
position:relative;
margin:0 auto;
width:990px;
background:url(img/conteneur_fond.jpg) no-repeat right top;}

div#colonne_gauche{
position:absolute;
top:-1px;
left:0;
width:225px;
height:671px;
background:url(img/colonne_gauche_fond.jpg) no-repeat right top;}

div#presentation_texte {
padding-bottom:20px;
overflow:hidden;
color:#666;
font-size:75%;}


div#conteneur_footer{
background:url(img/conteneur_footer.jpg) repeat-x top;
margin:0 auto;
width:100%;
overflow:visible;
height:159px;}

div#footer{
margin:0 auto;
position:relative;
overflow:visible;
height:159px;
width:780px;} 

div#logo{
position:absolute;
top:42px;
left:0px;
background:url(img/logo.png) no-repeat center top;
width:227px;
height:152px;} 

div#logo_2{
position:absolute;
top:21px;
left:328px;
background:url(img/logotype.jpg) no-repeat center top;
width:287px;
height:76px;} 

div#coordonnees{
position:absolute;
top:105px;
left:293px;
width:387px;
height:76px;} 

div#coordonnees dl{
text-align:center;}

div#coordonnees dl dd.adresse{
margin-top:-1px;
font-family:Times;
font-style:italic;
color:#0950A2;
font-size:120%;}

div#coordonnees dl dd.telephone{
margin-top:-6px;
font-weight:bold;
font-family:Arial Black;
color:#FD0001;
font-size:130%;}

div#coordonnees dl dd.siret{
padding-top:5px;
font-style:italic;
font-family:Times;
color:#313E52;
font-size:60%;}

/* Formulaire de contact */

#form {
	text-align: left;
	margin-top:25px;
	margin:0 10px;
	width:700px; }
	
.form1 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 46%;
	background: #fff;/**** à modifier****/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;/**** à modifier****/
	margin-right: 5px;
	padding: 2px; }

.form11 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 95%;
	background: #fff;/**** à modifier****/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;/**** à modifier****/
	margin-right: 5px;
	padding: 2px; }

.form1:focus, .form11:focus {
	border: 1px solid #666666; }
	
.form2{
	font: 11px Arial, Helvetica, sans-serif;
	width: 30%; 
	}
.form3 { 
    font-size:11px;
    width: 30%;	}

.form4{
	overflow: hidden;
	padding: 5px 0px 0px;   }
	
.button1 {
	font-size: 11px;
	width: 45%;
	background: #fff;
	border-width: medium #fff;
	border-style: none;
	color: #C0A479; /**** à modifier****/
	font-weight:bold;
	cursor: pointer; }

#form .italic {
    font-style:italic;	}

/* Diaporama */

div#diapo{
z-index:50;
position:absolute;
top:26px;
right:0px;
background:url(img/diaporama_fond.jpg) no-repeat center top;
width:268px;
height:186px;} 

div#diapo ul li img{
position:absolute;
top:11px;
left:13px;
width:243px;
height:163px;} 



/* Newsletter */

div#newsletter{
padding:15px 10px 0;
color:#fff;
margin-top:10px;}

div#newsletter h3{
font-size:70%;
line-height:2.1;
margin-right:10px;
color:#CC0000;
display:block;
float:left;
padding-bottom:16px;}

div#newsletter form {
overflow:hidden;}

div#newsletter form input#mail {
margin-top:3px;
float:left;
background:#CC0000;
color:#fff;
margin-right:8px;
font-size:75%;
width:90px;
height:14px;
border:none;}

div#newsletter form input#submit {
text-transform:uppercase;
background:#CC0000;
color:#fff;
font-size:65%;
width:25px;
height:18px;
border:none;}

div#deco_colonne{
position:absolute;
top:355px;
left:-53px;
background:url(img/deco_footer.png) no-repeat center top;
width:335px;
height:351px;} 

div#news{
color:#fff;
margin-top:50px;
width:663px;
height:60px; 
padding:15px 15px;
background:#5183B6;}
                                           
div#news dl dt img{
float:left;
margin-right:10px;
/*width:70px;
height:47px;*/}

div#news h5{
text-align:right;
text-transform:uppercase;
letter-spacing:1px;
font-size:120%;}

div#news a{
float:right;
}

div#news dl dd.titre{
float:right;
overflow:hidden;
text-align:left;
font-weight:bold;}

div#news dl dd.date{
position:absolute;
font-size:90%;
font-style:italic;
top:13px;
right:20px;}

div#news dl dd.description {
font-size:98%;
padding-top:5px;
text-align:left;
line-height:1;}

div#news dl dd.liens{
font-size:90%;
padding-right:5px;
text-align:right;}

div#news dl dd.liens a{
text-decoration:underline;}

h2{
font-size:130%;
line-height:2.1;
margin:10px;
color:#CC0000;}


/* contenu de presentation */

div#presentation_texte p{
line-height:1.5;
padding-top:15px;}

div#presentation_texte p a{
color:#666666;
}

.float_left{
float:left;
margin-right:10px;}

.float_right{
float:right;
margin-left:10px;}


div#footer{
margin:0 auto;
position:relative;
overflow:visible;
width:990px;
height:150px;} 


/* Footer */

div#footer ul{
width:440px;
margin-left:420px;
text-align:center;
padding-top:35px;
overflow:hidden;}

div#footer ul li{
color:#0950A2;
height:10px;
display:inline;}

div#footer ul li a{
font-weight:bold;
text-decoration:none;
font-size:70%;
padding-left:2px;
margin-right:2px;
color:#0950A2;}

div#footer ul li a:hover{
text-decoration:underline;}


/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				font-size:100%;
				color:#000;
				padding:10px;
				width:80%;
				margin:0 0 5px 0px;
				text-align:left
				margin-left:auto;
				margin-right:auto;
				margin-left: auto;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1em;
				padding:2px 30px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;

}
.notification_ok
	{
	border: 1px #567397 solid;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
	-moz-border-radius: 5px;
	}

	
	/* News */

dl#news {
width:680px;
overflow:hidden;
position:relative;}

dl#news dd.titre{
width:680px;
padding-bottom:10px;
font-weight:bold;
font-size:130%;}

dl#news dd.date{
position:absolute;
right:0px;
top:6px;
font-weight:bold;
font-size:75%;}

dl#news dt img {
float:left;
margin-right:10px;
margin-bottom:10px;
border:1px solid #D11919;
width:100px;
height:75px;}

dl#news dd.img a img {
width:100px;
height:75px;}

                    

ul#galerie{
padding-top:20px;
overflow:hidden;}

ul#galerie li{
text-align:center;
float:left;
width:150px;
height:130px;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;}

ul#galerie li a img{
border:1px solid #D11919;
height:100px;}

ul#galerie li span.cont{
display:block;
width:150px;
height:100px;}

ul#galerie li span{
line-height:1;
display:block;
width:150px;
padding-top:5px;
height:25px;
color:#1D365F;}

ul#galerie li span a{
text-decoration:none;
color:#D11919;}

ul#galerie li span a:hover{
text-decoration:underline;}