@charset "utf-8";
/* CSS Document */

body{
	width :100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Roboto', sans-serif;
	background-color:#FFF;
	text-decoration: none;
}

#contenu{
	width : 100% ; /*80% ;*/
	margin :0 auto;	
	float:left;
	}
#bandeau{
	margin:0 auto;
	position:fixed;
	background-color:#FFf;
	/*opacity: 0.4;*/
	width:100%;
	height:auto;
	display:inline-table;
	}
#header	{
	margin: 0;
	display:table-cell;	
	width:20%;
	height:auto;
	background-color:#FFF;
	}
nav {
	display:table-cell;
	width:80%;
	height:auto;
	vertical-align:middle;
	}
img {
	margin-left: auto;
    margin-right: auto;
	}	
#bloc-contenu {
	float:left;
	width:100%;
	margin-top:5%;
}
#col-gauche{	
	width :22% ;
	/*background-color:#FF0;*/
}
#col-centre{
	width :56%;
	float :left;
	color: #000;
	font-family: Roboto, Georgia, "Times New Roman", Times, serif;
	display: inherit;
	padding-bottom:2%;
	margin-left:22%;
	/*border: solid 1px #bdcadc;*/
}
#col-droite{
	width :22%;
	float :left;
	/*background-color:#00F*/
}
	
#footer{
	background-color:#666;
	width :100%;
	bottom:0;
	clear:both;
	float: left;
	color:#FFF;
	font-size:14px;
	padding-bottom:20px;} 
#footer a {
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
	}
#foot{
	 background-color:#666;
	 text-align:center;
	 float:left;
	 width:100%;
	 color:#FFF;
	 margin: 0 auto;
	 }
#footer div{ 
  display: inline-block;
  text-align:left;
} 
.col1{
	width:5%;
}
.col2 { 
  width: 30%;
  float:left;
  margin-left:5%;
  margin-right:3%;
} 
.col3 { 
  width: 40%; 
  float:left;
} 
.col4 { 
  width: auto;
  float:left;
}
.col5{
  width:10%;
  float:left;
}


span {
	font-size:24px;
	font-weight:bold;
	text-decoration: none;	
}
.fleche {
	position:relative;
	float:right;
	margin-bottom: 0;
	margin-right: 0;
	margin-top:-3%;
}

.hr1 {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	line-height:1px;
	height:0;
	width:200px;
	color:blue;
	
}
.format_hr_foot {
	margin:0;
	border:ridge;
	display: inline-block;
    width: 100%;
	}
.format_hr1 {
	border-color:#00F;
	box-shadow: 2px 2px 2px  black;
	width: 100%;
	display: inline-block;
	position:absolute;
	left:0;
	top:90% /*100px;*/
	}

.ici {
	font-size:1em;
	font-weight:bold;
	text-decoration: none;
	margin-left:5%;}
	
.titre {
	margin-top:2%;
	margin-bottom:2%;
	height:auto;
	padding-top:0.2em;
	padding-bottom:0.2em;
	color:#FFF;   /* #658779;*/
	font-weight: bolder;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif;
	/*border-bottom: solid #00C 2px;*/
	background-color:#4667b3;
	}
.titre-societe {
	background-color:#4667b3;
	margin-left:-1000px;
	margin-right:-1000px;
	margin-top:0.2em;
	margin-bottom:0.2em;
	height:auto;
	color:#FFF;
	font-weight: bolder;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif; 
	}
.texte {
	text-align:justify;
	}
		
.texte-left {
	font-family: 'Roboto', Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
	text-align:left;
	}	
.texte-center {
	font-family: "Roboto", Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-align:center;}
	
.formation { /*  titre formation*/
	padding-top:0.6em;
	width:100%;
	background-color:#4667b3;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	vertical-align:middle;
	height: 1.8em;
	text-align: center;
	font-family: 'Roboto', sans-serif; 	}
	
.decal {
	 padding-left: 1.5em;
	 padding-right:1.5em;}	
	 
caption {
	color:#00F;}
	

fieldset {
	color:#B70000;
	boder: 3px solid black;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	font-size:18px;
	-webkit-border-radius : 20px 20px 20px 20px;
	}	
.retrait {
	margin-left:8%;
	margin-right:8%;
	color: blue;
	}	 
#presentation:target {   
	/*margin-top:-450px;*/
	padding-top:180px; /* hauteur du menu fixe */
	}
#locaux:target {  
	padding-top:180px; /* hauteur du menu fixe */
	}
#certification:target {  
	padding-top:180px; /* hauteur du menu fixe */
	}
#caces:target  {
	padding-top:180px; /* hauteur du menu fixe */
}

#harnais:target  {
	padding-top:180px; /* hauteur du menu fixe */
}
#contenu #bloc-contenu #col-centre p strong {
	color: #000;
}
#contenu #bloc-contenu #col-centre #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent .titre1 {
	text-align: left;
}