/*AVANT TOUTE CHOSE
	remise à zero de toutes les marges des grands blocs pour que 	tous les navigateurs calculent depuis le m�me point de d�part 
---------------------------------------------- */
html, div, body, #page, #fixe, #wrapper {
	margin : 0;
	padding : 0;
	}

/*STRUCTURE
-------------------------------------------------*/
#page {width:100%;}

#fixe {
width: 100%;
position: fixed;
float:left;
z-index:999;
top:0px;}
 
#wrapper {
    margin-top: 30px;
    display: block;
	}

/*	
#footer {
	/*clear : both;*/
	/*position: fixed;
	bottom : 0px;
	width: 100%;
	height : 20px;
 	background : #030b77;
	text-align :center;
}

 /* POSITIONNEMENT DES AUTRES BLOCS
 ----------------------------------*/
#header{ /*http://www.colorzilla.com/gradient-editor/*/
height:100px;
margin-top:0px;
/*position:relative;*/
background-color:#fff;
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f80a5', endColorstr='#264588',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-bottom: 4px solid #53ab33;
text-align:center;
padding-right:200px;
}

#menu_general{
/*position:relative;*/
margin-top:-20px;
}

#onglets
{ 
    font : bold 14px Batang, arial, serif;
    list-style-type : none;
    padding-bottom : 0px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    margin-left : 0;
}

/*pour le sous sommaire*/
#menu{
/*position:absolute;*/
margin-top:100px;
}

#sous_onglet {
    padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 150px;
	list-style-type:disc;
	color:white;
	font-size:20px;
}

#txt_accueil {
   display:block;
   margin-top:200px;
   /*position:relative;*/
   text-align:center;
 }
 
/*pour le corps du texte*/
#contenu{
/*position:absolute;*/
margin-top:50px;
margin-left:50px;
margin-right:0px;
}

#histoire{
/*position:relative;*/
margin-top:100px;
}

#valeurs{
/*position:relative;*/
margin-top:100px;
margin-right:0px;
}

#contact {
/*position:absolute;*/
margin-top:150px;
   margin-left: 25%;
   margin-right: 50%;
   width: 75em;
   text-align: left;
}

/*Styles de la page*/
p {
	font-family: Calibri;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 15px;
	color: #3c3f3b;
}

pre {
	font-family: Calibri;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.2px;
}

 #header img{
text-align:center;
margin-left:300px;
}

#contenu  h1 {
	font-family: Calibri;
	font-size: 50px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 700;
	line-height: 53.2px;
	margin-left:500px;
	border-bottom: dotted 2px #FF3300;
}
#contenu  h2 {
	font-family: Calibri;
	font-size: 40px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	line-height: 40px;
	margin-left:50px;
	color:#179F8D;
}

#contenu  h3 {
	font-family: Calibri;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	line-height: 40px;
	margin-left:50px;
	margin-right:850px;
	border-bottom: solid 2px black;
}

#contenu  h4 {
	font-family: Calibri;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	line-height: 40px;
	margin-left:50px;
	color:#F70000;
}

#contenu  h2 {
	font-family: Calibri;
	font-size: 40px;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	line-height: 40px;
	margin-left:50px;
	color:#179F8D;
}
/*Pour les onglets*/
/*site pour aide http://openclassrooms.com/courses/menus-en-onglets*/

#onglets li
{
    float : left; /*pour mettre les onglets sur la mm ligne*/
   height : 2em; /*à modifier suivant la taille de la police pour centrer le texte dans l'onglet*/
   background-color: #f4f3f3;
    margin : 2px 8px 0 5px !important;  /*Pour les navigateurs autre que IE*/
   margin : 1px 8px 0 5px; /* Pour IE */
   border-top : 4px solid #53ab33; /*cadre de 1 pixel en ligne de couleur*/
	border-bottom : 1px dotted #3c3f3b; /*cadre de 1 pixel en ligne de couleur*/
	border-left : 1px dotted #3c3f3b; /*cadre de 1 pixel en ligne de couleur*/
	border-right : 1px dotted #3c3f3b; /*cadre de 1 pixel en ligne de couleur*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#onglets li.active {/*onglet actif*/
    border-top : 4px solid #f4f3f3; /*cadre de 1 pixel en ligne de couleur*/
	border-bottom : 4px solid #53ab33; /*cadre de 1 pixel en ligne de couleur*/
	border-left : 4px solid #53ab33; /*cadre de 1 pixel en ligne de couleur*/
	border-right : 4px solid #53ab33; /*cadre de 1 pixel en ligne de couleur*/
    background-color: #f4f3f3; /*couleur de fond*/
	color : #f4f3f3;
}

#onglets a
{
    display : block;
    color : #3c3f3b;
    text-decoration : none;
    padding : 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#onglets a:hover
{
color: #CC0000;
}

/*Styles accueil*/

#txt_accueil p {
   margin-top:100px;
   position:relative;
   font-size:50px;
   font-style:italic;
   line-height: 40px;
   text-align:center;
   margin-right:100px;
   margin-left:100px;
 }

 #im_who {
 float:right;
 margin-right:200px;
 }

#who p {
        font-size: 100%;
		font-style:italic; 
		margin-right:100px;
		margin-left:100px;
		text-align: justify;
		line-height:30px;
}

#contact p {
padding-left:70px;
font-size: 20px;
line-height:25px;
}

#quoi p {
        font-size: 20px;
		margin-right:100px;
		margin-left:100px;
		text-align: justify;
		line-height:40px;
}

 /*pour les titres dans qui sommes nous*/

.puce_OK li{ 
	background-image: url(image/puce_right.png);
	background-position:left;
	background-repeat:no-repeat;
	color: black;
	padding-left: 30px;
	font-size:20px;
	list-style-type: none;
	font-family: Calibri;
    height : 40px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	margin-left:100px;
	}


/*Classe images*/

#header img{
position:fixe;
padding-top:10px;
height:80%;
}

.im_G {
display:block;
float:left;
}

.clear {
  clear: both;
  }
  
  
div.im_D {
float:right;
}

.cadre{
border:2px solid black;
}

.im_center{
text-align:center;
}

/*STYLE DU TEXTE
************************************/
.txt_who{
margin-left:400px;
margin-right:50px;
text-align:justify;
}

.txt_slg{
text-decoration:underline;
}

.titre_article{
margin-top:20px;
font-size:20px;
padding-bottom:10px;
}

.auteur_article{
font-size:17px;
}

.resum_article{
font-size:15px;
margin-right:100px;
margin-top:0px;
}

a:link, a:visited {
	color: #333;
	background: transparent;
	text-decoration: underline;
}