/* CSS Document */

/* Table of Contents:

	Reset
	Typography
	General Layout
	Header Layout
	Middle Layout
	Footer Layout
	
*/


/* Reset
--------------------------------------------------------------------------------------- */

/* =INITIAL   v2.1,
by Faruk Ates - www.kurafire.net
Addendum by Robert Nyman - www.robertnyman.com
Addition by Christian Montoya - www.christianmontoya.net */

/* Neutralize styling:   Elements we want to clean out entirely: */
html, body, form, fieldset {/**/
   margin: 0;
   padding: 0;
   /*font: 100%/120% Verdana, Arial, Helvetica, sans-serif;*/
   font: 75% Verdana, Arial, Helvetica, sans-serif;
   
 }

/* Neutralize styling:   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
   margin: 1em 0;
   padding: 0;
 }

/* Apply left margin:   Only to the few elements that need it: */
li, dd, blockquote {
   margin-left: 1em;
 }

/* Miscellaneous conveniences: */
form label {
   cursor: pointer;
}
fieldset {
   border: none;/**/
}
input, select, textarea {
   font-size: 100%;
   font-family: inherit;
}



/* Typography
--------------------------------------------------------------------------------------- */


p, form{
font: 1.2em/1.8em Verdana, Arial, Helvetica, sans-serif;
}


/* General Layout
--------------------------------------------------------------------------------------- */
input, select, textarea, label {
 /*  margin-bottom:5px;*/
   margin-top:15px;
}
legend {
color:#ff6600;
font-weight:bold;
font-size:12px;
}

label {
cursor:pointer;
display:inline;
float:left;
font-weight:bold;
/*margin:5px 5px 0pt 0pt;*/
overflow:hidden;
width:100px;
}

fieldset {
/*margin-bottom:5px;*/
margin-top:25px;
}





body {
background-color: #7d7a68;
}

#wrapper {
background: #fff url(../images/bg.jpg) repeat-x;
}

#container {
/*background: #fff url(../images/bg.jpg) repeat-x;
background-color: #fff;*/
}


fieldset {
	width:500px;
}


#logo {
	display:block;
	width:150px;
	height:117px;
	float:left;
	margin:0;
	padding:0;
}

.none {
display:none;
}


div#wrapper{
width:100%;
margin-top:8px;
/*width:100%
float:left;*/

}

div#container{
/*width:700px;
margin:0 auto*/
width:986px;
/*position: relative;
margin-left: -492px;
left: 50%;*/
}

div#header{
width:940px;
text-align:center;
height:21px;/**/
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}

ul#horizontal-menu {
list-style: none;
padding-top: 4px;/**/
/* les deux lignes suivantes pour éviter un décalage vertical sur IE6 et 7*/
margin-top:0;
margin-bottom:0;
height:15px;
}
ul#horizontal-menu li {
		display: inline;
}

ul#horizontal-menu li.borde {
border-left:solid 1px #fff;
}

ul#horizontal-menu li a{
color:#fff;
text-decoration:none;
margin-left:10px;
/*padding-right:5px;*/
}

ul#horizontal-menu li a:hover{
/*text-decoration:underline;*/
color:#000;
}




div#content, div#contentin{
float:left;
width:556px;
/*text-align:center;*/
}

div#content {
background:url(../images/hp.jpg) no-repeat 0px 10px;
padding-bottom:10px;
}

/*******à ranger*********************************/
div#contentin, div#contentin  p{
font-size:11px;
color:#333;
padding-bottom:0px;
}

div#contentin  h1{
color:#339900;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-bottom:2px;
}

div#contentin  h2{
/*color:#66cc33;*/
color:#339900;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-bottom:2px;
}


div#contentin  h3{
/*color:#66cc33;*/
color:#339900;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}


div#contentin ul, div#contentin ol{
list-style: none;
}

div#contentin  ul li{
line-height:20px;
background: url(../images/fleche-liste.png) no-repeat 0px 5px;
padding-left:12px;
}

div#contentin ol li{
line-height:20px;
padding-left:12px;
}

div#actu {
background-color:#F5F5F5;
}



.chapeauin {
color:#666;
/*font-weight:bold;*/
font-size:12px;
}

.vert{
font-weight:bold;
/*color:#66cc33;*/
color:#339900;
}

div#contentin a{
font-weight:bold;
/*color:#66cc33;*/
color:#339900;
text-decoration:underline;
}
div#contentin a:hover{
color: #ff6600;
}

div#ariane {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
width:545px;
padding-top:20px;
padding-bottom:15px;
border-bottom:#339900 dotted 1px;

font-size:10px;
color:#666;
}
div#ariane .active{
/*color:#66cc33;*/
color:#339900;
text-decoration:none;
}

div#ariane a{
color:#666;
text-decoration:none;
}
div#ariane a:hover{
text-decoration:underline;
}

#Tableau01 td img{
padding-left:30px;
margin-left:30px;
}

div#fleche{
padding-left:35px;
background:url(../images/fleche.png) no-repeat 0px 0px;
height:50px;
}
/*****************************************/


h6 {
visibility:hidden;
}

div#content h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
font-size:20px;
font-weight:bold;
margin-top:20px;
margin-left:114px;
margin-bottom:3px;
}

div#content h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
font-size:20px;
font-weight:bold;
margin-top:20px;
margin-left:114px;
margin-bottom:3px;
}

.chapeauh2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#7a7a7a;
font-size:16px;
font-weight:bold;
margin-left:32px;
/*margin-bottom:55px;*/


}



/*div#content img{
margin-top:5px;
margin-bottom:4px;
}*/

div#hpl1c1, div#hpl1c2, div#hpl1c3, div#hpl2c1, div#hpl2c2, div#hpl2c3 {
float:left;
text-align:left;
}

div#hpl1c1, div#hpl1c2, div#hpl1c3 {
height:149px;
}

div#hpl1c1{
background:url(../images/hp-3col2_01.jpg) no-repeat;
}
div#hpl1c2{
background:url(../images/hp-3col2_02.jpg) no-repeat;
}
 div#hpl1c3{
background:url(../images/hp-3col2_03.jpg) no-repeat;
}


div#hpl1c1 div, div#hpl1c2 div, div#hpl1c3 div, div#hpl2c1, div#hpl2c2, div#hpl2c3{
padding-left:3px;
padding-right:1px;
width:176px;
}

div#hpl2c1, div#hpl2c2, div#hpl2c3{
font-size:11px;
}







div.coltitle{
text-align:center;
color:#FFF;
font-weight:bold;
font-size:13px;
width:178px;
/*height:135px;*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-bottom:5px;
}

div.coltitle div.h3,  div.coltitle div.h3c3{
font-size:28px;
padding-top:60px;
line-height:32px;
}

div.coltitle span.h3,  div.coltitle span.h3c3{
display:block;
font-size:28px;
padding-top:60px;
line-height:32px;
}

div.coltitle span.h3{
padding-bottom:5px;
}

div.coltitle span.h3c3{
padding-bottom:9px;
}
div.coltitle a {
color:#FFF;
font-weight:bold;
text-decoration:none;
}


div.coltitle a:hover{
text-decoration:underline;
}

div.coltitle a:hover div.h3, div.coltitle a:hover div.h3c3 {
text-decoration:none;
}
div.coltitle a:hover span.h3, div.coltitle a:hover span.h3c3 {
text-decoration:none;
}
div.coltitle div.h3{
margin-bottom:10px;
}
div.coltitle span.h3{
margin-bottom:0px;
}
div.coltitle div.h3c3{
margin-bottom:18px;
}
div.coltitle span.h3c3{
margin-bottom:0px;
}

h4 {
font-size:12px;
font-weight:bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:7px;
}


div#hpl2c1 h4, div#hpl2c1 div a{
/*color:#e98d12;*/
color:#ff6600;
}
div#hpl2c2 h4, div#hpl2c2 div a{
/*color: #66cc33;*/
color:#339900;
}
div#hpl2c3 h4, div#hpl2c3 div a{
color: #888265;
}

div#hpl2c1 div a{
background: transparent url(../images/fleche_c1.png) no-repeat right top; 
padding: 2px 22px 0 1px;
}

div#hpl2c2 div a{
background: transparent url(../images/fleche_c2.png) no-repeat right top; 
padding: 2px 22px 0 1px;
}

div#hpl2c3 div a{
background: transparent url(../images/fleche_c3.png) no-repeat right top; 
padding: 2px 22px 0 1px;
}






div#hpl2c1 h4, div#hpl2c2 h4, div#hpl2c3 h4{
margin-top:4px;
}


div a{
font-weight:bold;
text-decoration:none;
}
div#hpl2c1 a:hover, div#hpl2c2 a:hover, div#hpl2c3 a:hover{
text-decoration:underline;
}



div a img{
border:0;
}


/**/
div#navigation{
float:left;
width:180px;
padding-right:20px;/**/
}

div#extra{
float:right;
width:200px;
/*background:url(../images/fleche.jpg) no-repeat 0px 1px;*/
margin-left:0px;
padding-left:12px;/*42px avec bg*/
padding-top:0px;
margin-top:0px;
font-size:11px;
font-weight:bold;
color:#999;
}

div#extra h3{
font-size:12px;
padding-top:12px;
margin:0px;
}

div#extra h3.h32{
padding-top:25px;
padding-bottom:10px;
font-size:10px;
color:#000;
}

div#extra h4{
color:#666;
font-size:15px;
margin-bottom:10px;
margin-top:30px;
}

div#extra h4 a{
color:#666;
text-decoration:none;
}

div#extra h4 a:hover{
/*color:#66cc33;
color:#E98D12;*/
color:#ff6600;
text-decoration:underline;
}

div#extra h4.h44{
margin-bottom:17px;
margin-top:30px;
}

div#extra h4.h44 img{
margin-top:-4px;
}


div#extra a{
color:#66cc33;
text-decoration:underline;
}

div#extra a:hover{
/*color:#E98D12;*/
color:#ff6600;
text-decoration:underline;
}


/*div#extra img{
padding-bottom:0px;

}*/

.tel {
color:#66cc33;
font-weight:bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:26px;
/*line-height:36px;*/
margin-top:10px;
margin-bottom:18px;
/*height:30px;*/
margin-right:15px;
border-bottom:#666 dotted 2px;
border-top:#666 dotted 2px;
}

/*.commenttel {
font-size:8px;
margin-bottom:5px;
}*/

div#extra img{
padding-top:0px;/**/
padding-bottom:0px;
text-align:left;
padding-right:5px;
}
div#extra img .space{
padding-bottom:15px;
}

div#extra a img{
border:0px;
}

div#spacer{
clear:both;
}



div#navigation ul{
width:178px;
margin: 0 ;
padding: 0 ;
padding-top:12px;
}

div#navigation #abonnement{
border-top:#67cc34 dotted 2px;/* thin*/
margin-left:10px;
margin-right:10px;
background: url(../images/fond-abonnement.png) no-repeat;
padding-top:30px;
padding-bottom:20px;
font-weight:bold;
line-height:15px;
font-size:9px;
}
div#abonnement a, div#abonnement a:visited{
color:#000;
text-decoration:none;
}



div#navigation #abonnement a:hover{
color:#ff6600;
}/**/


div#navigation ul li{
list-style:none;
border-top:#67cc34 dotted 2px; /*thin*/
width:160px;
}

div#navigation ul li a:link, div#navigation ul li a:visited, div#navigation ul li a:hover{
/*font-size:1.2em;*/
font-size:11px;
line-height:37px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000;
text-decoration:none;
background:url(../images/puce.png) 0px 0px no-repeat;
padding-left:22px;
padding-bottom:2px;
}




div#navigation ul li a:hover{
text-decoration:none;
color:#67cc34 ;
}

div#footer{
/*clear:left;
width:100%;*/
width:986px;
color:#fff;
font-weight:bold;
font-size:10px;
margin-top:7px;
padding-bottom:10px;
}

div#footer #navigationbottom{
padding-left:100px;
float:left;
}
div#footer #navigationbottom a {
color:#fff;
font-weight:bold;
font-size:10px;
}

div#footer #navigationbottom img {
padding-right:40px;
}

div#footer #navigationbottom a:hover {
color:#000;
/*text-decoration:underline;*/
}

div#mention{
float:left;
padding-left:20px;
color:#999;
}
div#mention a{
color:#999;
}
div#mention a:hover{
color:#fff;
}


input.text {
width:100px;
font-size:10px;
color:#666;
}

form {
padding-bottom:15px;
}


/*---------------- à developper -------------------------------*/
#contentin #preamb {
margin:0px;
padding:0px;
padding-left:12px;
padding-top:18px;
float:left;
width:65px;/**/
}



#contentin #navvousetes {
margin:0px;
padding:0px;
float:left;
/*text-align:right;
width:500px;
height:32px;
padding-bottom:10px;*/
}

#contentin #navvousetes li {
list-style:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0; 
    padding: 0;
    display: inline;
	text-align:center;
	color:#fff;
	font-size:19px;
/*width:178px;
	font-weight:bold;
height:135px;*/

}
#contentin #navvousetes li a{
    display: block;
    float: left;
    width: 128px;
    text-decoration: none;
    text-align: center;    /**/
    padding: 0;
	color:#fff;
	font-weight:normal;
	margin-left:30px;
	height: 28px;


}



#contentin #navvousetes li a:link, #contentin #navvousetes li a:visited {
    background: url(../images/onglet1.png) no-repeat 0 -34px;
	line-height: 30px;
    /*line-height: 32px;
	padding-left:10px;*/
}

#contentin #navvousetes li a:hover, #contentin #navvousetes li a:active {
	/*padding-left:10px;
	margin-bottom:2px;
*/
	line-height: 24px;
	}
	
#contentin #navvousetes li a.onglet1:link, #contentin #navvousetes li a.onglet1:visited {
    background: url(../images/onglet3.png) no-repeat 0 -34px;	
	}
#contentin #navvousetes li a.onglet1:hover, #contentin #navvousetes li a.onglet1:active {
    background: url(../images/onglet3.png) no-repeat 0 0px;	
}	

#contentin #navvousetes li a.onglet2:link, #contentin #navvousetes li a.onglet2:visited {
    background: url(../images/onglet2.png) no-repeat 0 -34px;	
	}
#contentin #navvousetes li a.onglet2:hover, #contentin #navvousetes li a.onglet2:active {
    background: url(../images/onglet2.png) no-repeat 0 0px;	
}		

#contentin #navvousetes li a.onglet3:link, #contentin #navvousetes li a.onglet3:visited {
    background: url(../images/onglet1.png) no-repeat 0 -34px;	
	}
#contentin #navvousetes li a.onglet3:hover, #contentin #navvousetes li a.onglet3:active {
    background: url(../images/onglet1.png) no-repeat 0 0px;	
}		


#contentin div#chapeau div p{
color:#333;
/*font-weight:bold;*/
font-size:11px;
}
#contentin div#chapeau div{
float:left;
}

#contentin div#chapeau div img{
padding-top:10px;;
}

#contentin div#chapeau{
height:130px;
padding-bottom:10px;
}



input.formel, select.formel, textarea.formel {
border:1px solid #C7C7C7;
margin-bottom:4px;
}

#callbottom, #callbottom2{
font-family: Arial,"Trebuchet MS", Helvetica, sans-serif;
background:url(../images/call-bas.png) no-repeat;
padding-bottom:30px;
padding-right:10px;
font-size:12px;
}

#callbottom {
font-family: Arial,"Trebuchet MS", Helvetica, sans-serif;
padding-left:70px;
padding-top:15px;
}

#callbottom2 {
font-family: Arial,"Trebuchet MS", Helvetica, sans-serif;
font-size:12px;
padding-right:5px;
padding-left:60px;
padding-top:18px;
}

#callbottom .big, #callbottom2 .big{
font-family: Arial,"Trebuchet MS", Helvetica, sans-serif;
font-size:14px;
padding-right:5px;
color:#ff6600;
font-weight:bold;
}

#callbottom .big{
font-size:15px;
line-height:25px;
}

#callbottom2 .big{
font-size:14px;
line-height:18px;
}

#contentin #callbottom a, #contentin #callbottom2 a{
color:#ff6600;
text-decoration:none;
/*text-decoration:underline;*/
}

#contentin #callbottom a:hover, #contentin #callbottom2 a:hover{
color:#339900;
text-decoration:none;
/*text-decoration:underline;*/
}
/*
#contentin #callbottom a span.big, #contentin #callbottom2 a span.big, #contentin #callbottom a:visited span.big, #contentin #callbottom2 a:visited span.big {
text-decoration:none;
}*/

#contentin #callbottom a:hover span.big, #contentin #callbottom2 a:hover span.big {
color:#339900;
text-decoration:none;
}


a span.souligne {
text-decoration:underline;
}

div.partenaires {
width:530px;;
padding-bottom:20px;
}

div.partenaires div.part1, div.partenaires div.part2 {
float:left;
}
div.partenaires div.part1 {

}
div.partenaires div.part2 {
padding-left:20px;

}