/*styles généraux  ********************/
html{
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
margin: 0px;
padding: 0px;
height:100%;
font-size: 1em;
   
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,img {
margin: 0px;
padding: 0px;
border: none;
font-family: "Open Sans", Verdana;
font-weight: 300;
}


h1{
	font-size: 2.2em;
    letter-spacing: normal;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 0.94em;
	margin: 0;
	padding: 0;
}
h3 span{
	font-size: 0.94em;
	margin: 0;
	padding: 0;
}
h4{
	font-size: 0.89em;
    letter-spacing: normal;
	margin: 0;
	padding: 0;
}

h5{
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
h6{
	font-size: 0.6em;
	margin: 0;
	padding: 0;
}
p {
	margin: 0px;
	padding:  0px 0px ;
}
sup,sub {
    font-size: 12px;
	margin: 0px;
	padding:  0px 0px ;
    color: #777777;
    vertical-align: super;
    line-height: 0;
}
.clear {
clear: both;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}
a {
	color:#010101;
	text-decoration: none;
}

a:visited {
	color:#010101;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color:#666666;}
	
a:focus
{
outline:0;
} 	


/*fin des /*styles généraux  ********************/


.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
max-width: 866px;
/*width: 866px; */
margin: 0 auto;
padding: 0 ;
overflow: hidden;
/* background-image:url("../images/fond.jpg");
background-position:left top;
background-repeat: repeat; */
/* border: 1px solid red; */
}


.frame {
/*height: 600px;*/
margin: 25px 3px ;
background-color: transparent;
/* background-color:#FCFCFC; 
overflow: hidden; */
/*border: 2px solid red ; */
}

#logo {
float:left;
/*border: 1px solid yellow; */
margin-right: 1.1em;     
}
div#logo img{
width: 350px;
height:  80px;   
/*width: 12.24%; /*106/866 
height:  5.89% ;    */
}

#heading {
padding-top: 4em;
padding-bottom: 3em;
padding-left: 2em;    
/*border: 1px solid green; */
text-align: left;  

}
@-moz-document url-prefix() {
   #heading {
    padding-top: 4px;
    }
}
div#heading h2,h5 {
color: #3a3a3a; 
}
.textwide  { 
    margin-top: 2em;
    padding-top: 3em;
    border-top: 1px #D9D9D9 solid; 
    text-align: center;
}


div.textwide h1  { 
color: #010101;
}

div.textwide h3, div.textwide h3 a ,.textegris  { 
color: #2494E8;
font-weight: 400;  
}
   
div.textwide h3 span ,.textenoir { 
color: #555555;
font-weight: 400;  
}
  
div.textwide h4  { 
color: #010101;
font-weight: 400; 
}   

.col2 {
    padding: 0px;
    margin-top: 2em;
}

.realisation {
    padding: 0px;
    margin: 0px;
    /*width: 418px;*/
	width: 48.26%;
	float: none;
}

.vignette{
width: 24%;
min-width:200px;
float: left;
margin-bottom: 10px;
}
#footer { 
background-color:#009cdd; 
margin-top: 2em;
color: #FFF;
}
#footer img { 
width: 99.5%;
}
#footer h4 { 
margin-left: 3em;
text-align: left;
}
#footer a{ 
color: #FFF;
}
#mentions { 
background-color:#0693e3;
margin: 7em 5em;
min-width:220px;
}

#no_script {
visibility: hidden;
}