/*************************************LES GENERALITES SONT AU FOND******************************************/
/****************les classes suivantes suivent l'ordre d'apparition dans le fichier html************/
/***************************************************************************************************/
body {
	/*background: url(./img/fond_1.jpg) no-repeat top left;*/
	background-color: #000000;
	font-family: helvetica, arial, sans-serif;
/* pour éviter les marges */
	text-align: center;
/* pour corriger le bug de centrage IE */
	display: block;
}
#global {
	/*background: url(./img/fond_1.jpg) no-repeat top right;
*/
	background: url(./img/gauche_pixel.jpg) repeat-y left top;
	font-family: helvetica, arial, sans-serif;
	display: block;
	float: left;
	width: 923px;
	height: 1168px;
}
#header_soustitre {
	float: left;
}
#header_logo {
	float: left;
}
#gauche_accueil {
	width: 736px;
	height: 1168px;
	float: left;
	background: url(./img/actus_titre_lateral.jpg) no-repeat center right;
	text-align: justify;
}
#gauche_philosophie {
	width: 736px;
	height: 1168px;
	float: left;
	background: url(./img/philo_titre_lateral.jpg) no-repeat center right;
	text-align: justify;
}
#gauche_equipe {
	width: 736px;
	height: 1168px;
	float: left;
	background: url(./img/equipe_titre_lateral.jpg) no-repeat center right;
	text-align: justify;
}
#gauche_references {
	width: 736px;
	height: 1168px;
	float: left;
	background: url(./img/references_titre_lateral.jpg) no-repeat center right;
	text-align: justify;
}
#gauche_contact {
	width: 736px;
	height: 1168px;
	float: left;
	background: url(./img/contact_titre_lateral.jpg) no-repeat center right;
	text-align: justify;
}
#actus_bloc {
	margin-left: 25px;
	width: 594px;
	height: 162px;
	/*background: url(./img/actus_details.jpg) no-repeat center right;*/
	background-color: #000000;
	float: left;
}
.actus_bloc {
	margin-left: 25px;
	width: 594px;
	height: 162px;
	/*background: url(./img/actus_details.jpg) no-repeat center right;*/
	background-color: #000000;
	float: left;
}
#actus_cadre {
	width: 400px;
	height: 162px;
	background-color: #f5f5f5;
	float: left;
}
.actus_cadre {
	width: 400px;
	height: 162px;
	background-color: #f5f5f5;
	float: left;
}
#actus_contenus {
	margin: 15px;
	font-size: 13px;
	float: left;
}
.actus_contenus {
	margin: 15px;
	font-size: 13px;
	float: left;
}
#actus_titre {
	width: 370px;
	font-size: 20px;
	font-weight: bold;
	float: left;
}
.actus_titre {
	width: 370px;
	font-size: 20px;
	font-weight: bold;
	float: left;
}
#actus_soustitre{
font-size: 13px;
font-style:italic;
float: left;
clear:both;
color:#333333;
}
.actus_soustitre{
font-size: 13px;
font-style:italic;
float: left;
clear:both;
color:#333333;
}
#actus_texte {
	width: 370px;
	font-size: 13px;
	float: left;
}
.actus_texte {
	width: 370px;
	font-size: 13px;
	float: left;
}
#actus_img {
	width: 162px;
	height: 162px;
	background-color: #f5f5f5;
	float: left;
}
.actus_img {
	width: 162px;
	height: 162px;
	background-color: #f5f5f5;
	float: left;
}
#actus_separation {
	width: 100%;
	height: 20px;
	float: left;
}
.actus_separation {
	width: 100%;
	height: 20px;
	float: left;
}
#footer {
	float: left;
	clear: both;
	font-size: 10px;
	width: 710px;
	text-align: center;
}
#marge_centrale {
	width: 28px;
	height: 100%;
	float: left;
}
#droite {
	float: left;
}
#droite_menu {
	width: 158px;
}
#droite_menu_separation {
	width: 158px;
	height: 13px;
}
.droite_menu_separation {
	width: 158px;
	height: 13px;
}
#menu_bouton_bloc {
	width: 158px;
	height: 45px;
}
.menu_bouton_bloc {
	width: 158px;
	height: 45px;
}
#droite_filling {
	height: 100%;
	float: left;
}
#contenu_bloc{
float: left;
font-size: 13px;
margin-left:25px;
width:385px;
}
#contenu_bloc_contact{
float: left;
font-size:13px;
margin-left:25px;
width:500px;
}
#contenu_bloc_print{
float: left;
font-size: 13px;
margin-left:25px;
width:640px;
}
#contenu_bloc_contact td{
font-size:12px;
}

#contenu_bloc_references{
float: left;
font-size: 12px;
margin-left:25px;
width:583px;
text-align:justify;
}
#contenu_bloc_references_detail{
float: left;
font-size: 12px;
margin-left:15px;
width:583px;
text-align:justify;
}
#titre {
	font-size: 20px;
	font-weight: bold;
	float: left;
}
#equipe_bloc {
	margin-left: 25px;
	width: 625 px;
	height: 250px;
	/*background: url(./img/actus_details.jpg) no-repeat center right;*/
	float: left;
}
.equipe_bloc {
	margin-left: 25px;
	width: 625 px;
	height: 250px;
	/*background: url(./img/actus_details.jpg) no-repeat center right;*/
	float: left;
}
#equipe_cadre {
	width: 400px;
	height: 250px;
	float: left;
}
.equipe_cadre {
	width: 400px;
	height: 250px;
	float: left;
}
#equipe_contenus {
	margin: 15px;
	font-size: 13px;
	float: left;
}
.equipe_contenus {
	margin: 15px;
	font-size: 13px;
	float: left;
}
#equipe_titre {
  color:#ffa000;
	font-size: 16px;
	font-weight: bold;
	float: left;
}
.equipe_titre {
  color:#ffa000;
	font-size: 16px;
	font-weight: bold;
	float: left;
}
#equipe_soustitre {
  color:#000000;
	font-size: 14px;
	float: left;
	clear:left;
}
.equipe_soustitre {
  color:#000000;
	font-size: 14px;
	float: left;
	clear:left;
}
#equipe_sousmail {
  color:#000000;
	font-size: 13px;
	font-style: italic;
	float: left;
	clear:left;
}
.equipe_sousmail {
  color:#000000;
	font-size: 13px;
	font-style: italic;
	float: left;
	clear:left;
}
#equipe_texte {
	width: 370px;
	font-size:12px;
	float: left;
}
.equipe_texte {
	width: 370px;
	font-size:12px;
	float: left;
}
#equipe_img {
	width: 195px;
	height: 209px;
	
	float: left;
}
.equipe_img {
	width: 195px;
	height: 209px;
	
	float: left;
}
#equipe_separation {
	width: 100%;
	height: 20px;
	float: left;
}
.equipe_separation {
	width: 100%;
	height: 20px;
	float: left;
}
#equipe_mecontacter {
  color:#ffa000;
	font-size: 13px;
	font-weight: bold;
	font-style:italic;
	float: right;
}
#ref_bloc {
	margin-left: 25px;
	width: 594px;
	height: 90px;
	float: left;
	background-color: #ffffff;
	border:1px solid black;
}
#ref_cadre {
	width: 450px;
	height: 90px;
	float: left;
}
#ref_contenus {
	margin: 15px;
	font-size: 13px;
	float: left;
}
#ref_titre {
	font-size: 20px;
	float: left;
}
#ref_texte {
	width: 450px;
	font-size: 12px;
	float: left;
}
#ref_img {
	width: 65px;
	height: 65px;
	background-color: #ffffff;
	float: left;
}

#ref_separation {
	width: 100%;
	height: 20px;
	float: left;
}
#ref_conteneur_visus{
clear:both;
float:right;
width:612px;
height:620px;
}
#ref_visu{
  
  width:auto;
  height:auto;
  float:left;
  
}
#ref_retour{
float:left;
clear:both;
width:400px;
}
#print_titre{
font-size:40px;

}
#print_soustitre {
  color:#000000;
	font-size: 13px;
	margin-top:20px; 
	float:right;
	clear:both;
}
#mini_print{
text-align:center;
width:125px;
height:125px;
float:left;
}
#ref_nom{
  color:#ffa000;
	font-size: 18px;
	font-weight: bold;
	float: left;
} 
#ref_client{
  color:#000000;
	font-size: 14px;
	float: left;
	clear:left;
}
#ref_date{
  color:#000000;
	font-size: 13px;
	font-style: italic;
	float: left;
	clear:left;
}
.contact_label{
font-size:13px;
text-align:left;
}
.contact_message{
border: 1px solid black;
background-color: #d4cdc3;
width:500px;
height:300px;
}
.contact_champ{
background-color: #d4cdc3;
border:1px solid #000000;
width:329px;
}
.contact_message{
background-color: #d4cdc3;
border:1px solid #000000;
width:400px;
height:250px;
}


.contact_btn{
font-size:13px;
text-align:left;
background-color: #000000;
border: 1px solid black;
}
#video_gauche{
float:left;
height:457px;
}
#video_mini{
height:116px;
width:143px;
float:left;
}
/*****************************************FICHIER DE STYLES CSS**********************************************/
/*remise à zéro de tous les margins*/
* {
	margin: 0px;
	padding: 0px;
	font-size: inherit;
	border: 0px;
}
/*au cas où il aurait pas compris, on lui remet une couche (même chose)*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*on continue*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: disc;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: 0;
}
abbr, acronym {
	border: 0;
}
/*on enlève la bordure des images*/
img {
	border: 0;
}
/*gestion des couleurs de liens*/
a {
	text-decoration: none;
}
a:link {
	color: #260277;
}
/* lien non-visité */
a:visited {
	color: #623474;
}
/* lien visité */
a:hover {
	color: #260277;
}
/* lien survolé */
a:active {
	color: #260277;
}
/* lien activé */
/*************************************fin des GENERALITES et remises à zéro******************************************/
/*************************************fin des GENERALITES et remises à zéro******************************************/