<!--
/* CSS Document */


/* Generalites */

html, body {
	height: 100%;
	width:100%;
	margin:0;
	padding:0;
	font-size:90%;
	ground-repeat:repeat-x;
	background-color:rgb(225,225,225);
}

body {
	font-size:100%;
	font-family:arial;	
	color:#181818;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: inline-block;
}

#loader-div {
display: none;
position: fixed;
z-index: 1;
top: 30%; 
left: 0;
right: 0;
height: 0;
text-align: center;
}

#loader-text {
font-weight: bold;
margin-top: 15px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Rotation texte */

.vertical{
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	border-right:solid 0px #E4E4E4;
	border-left:solid 0px #E4E4E4;
	width:auto;
	background-color:#FEFEFE;
}

#header-index{
	background-color:#FEFEFE;
	position:fixed;
	height:80px !important;
	width:100%;
	margin:auto;
	padding:auto;
/*	background-image:url(../../img/bandeauv4.png); */
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	z-index:100;
}

.chrome #header-index {
background-image:url(../../img/audit333.jpg); 
}
#header-index p{
	color:rgb(255,255,255);
	font-family:arial;
	font-size:280%;
	font-weight:bold;
	text-align:left;
	margin:70px 10px 0px 40px;
	padding:0px 10px 0px 0px;
}

#header-index a{
	color:rgb(255,255,255);
	font-family:arial;
	font-size:80%;
	text-align:left;
	text-decoration: none;
	margin:120px 10px 0px 0px;
	border-right:solid 0px #C8C8C8;
	border-top:solid 0px #C8C8C8;
	border-left:solid 0px #C8C8C8;
	border-bottom:solid 0px #C8C8C8;
}

#slogan {	
	color:rgb(255,255,255);
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	position:absolute;
	font-size:220%;
	top:90px;
	left:680px;
	text-align:left;
	font-family:arial;	
	line-height:1.5em;
	font-family:arial; 
	font-weight:bold;
	text-align:left;
}

.push {
	height: 60px; /* La hauteur de .push est hauteur complète de footer : height+border+magin */
}

.clear {
	clear:both;	
}

/* Footer / pied de page */

#footer{
}

#mainfooter {
	/*background:#E5E5E5;*/
	background-color:#FEFEFE;	
	border-top:solid 1px #E5E5E5;
	height:59px;
	font-size:80%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#mainfooter p {
	line-height:59px;
	margin:-10px 10px 0 10px;
}

#footer a, a:visited{
	display:inline;
	padding:0;
	color:#181818;
	text-decoration:none;
}

#footer a:hover{
	color: #181818;
	text-decoration:underline;
}

#footer .powered{
	float:right;
	text-align:right;
	margin-right:10px;
}

#mainContainer {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	line-height:1.5em;
	background-color:#FEFEFE;
}

#mainContainer h1 h2 h3 {
	font-weight:normal;
}

#container {
	min-width: 310px;
	max-width: 800px;
	height: 400px;
	margin: 0 auto;
	background-color:#FEFEFE;
}

/* Classe image */

#icone {
	width: 40px;
	height:40px;
	border: none;
}

#ico {
	width: 25px;
	height:25px;
	border: none;
}

#img {
	width: 220px;
	height:144px;
	border: none;
}

#img1 {
	width: 220px;
	height:144px;
	border: none;
}

#img11 {
	width: 400px;
	height:255px;
	border: none;
}
#img2 {
	width: 220px;
	height:200px;
	border: none;
}
#img22 {
	width: 220px;
	height:180px;
	border: none;
}
#img3 {
	width: 270px;
	height:207px;
	border: none;
}
#img4 {
	width: 270px;
	height:177px;
	border: none;
}
#img44 {
	width: 310px;
	height:370px;
	border: none;
}
#img5 {
	width: 220px;
	height:144px;
	border: none;
}
#img6 {
	width: 680px;
	height:420px;
	border: none;
}
#img:hover {
	width: 500px;
	height:384px;
	POSITION: relative;
	z-index:20;
}
#img2:hover {
	width: 500px;
	height:384px;
	position: relative;
	margin: 0px 0px 0px 0px;
	z-index:20;
}
#img22:hover {
	width: 500px;
	height:384px;
	position: relative;
	margin: 0px 0px 0px 0px;
	z-index:20;
}
#img3:hover {
	width: 500px;
	height:384px;
	position: relative;
	margin: 0px 0px 0px 0px;
	z-index:20;
}
#img4:hover {
	width: 600px;
	height:394px;
	position: relative;
	margin: 0px 0px 0px 0px;
	z-index:20;
}
#img5:hover {
	width: 600px;
	height:394px;
	position: relative;
	margin: 0px 0px 0px 0px;
	z-index:20;
}
/* Colonne de gauche et ses menus */

#colonne_gauche {
	margin-left:0px;
	width:0px;
	float:left;
	background-position:0px 10px;
	background-repeat:repeat-x;
	border-radius: 10px 10px;
	padding-bottom:5px;
}
#colonne_gauche .titre_rubrique {
	font-size:120%;	
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#181818;
}
#nav-sub {
	width: 180px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	margin-left:5px;
	margin-top:5px;
}
#nav-sub li a {
	display: block ;
	background: #F4F4F4 ;
	color: #333 ;
	font: 1em Verdana, Arial, Helvetica, sans-serif;	
	line-height: 1em ;
	text-align: left ;
	text-decoration: none ;
	padding: 5px ;
	margin-bottom:2px;
}

/* Menus de navigation */

#nav {
	border-top:solid 0px #666;
	border-bottom:solid 0px #E4E4E4;
	background-color:rgb(225,225,225);
	height:25px;
	width:960px;
	background-image:url(../img/menu-bg.png);
	background-position:top;
	background-repeat:repeat-x;
	margin: 105px 0px 0px 0px;
	position:fixed;

}


#menu {	

	font-family:arial;	
	font-size:80%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 0px solid #D25A0B; /*Brown color theme*/ 
	position:absolute;
	top:0px;
	background-color:transparent;
	z-index: 1;
}

#menu ul {
	margin:0px;
	margin-left: 0px; /*margin between first menu item and left browser edge*/
	padding: 0px;
	list-style:square;
}

#menu li {
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	text-transform:uppercase;
}

#menu a {
	float: left;
	display: block;
	color: #2A2A2A;
	text-decoration: none;
	margin: 0px 0px 0px 0px; /*Margin between each menu item*/
	padding: 4px 10px;
	border-right: 0px solid #666;
	font-weight:normal;

	-webkit-transition: 1s all ease;
	-moz-transition: 1s all ease;
	transition: 1s all ease;
	border-bottom: 5px solid white;
}

#menu a:hover {
	background-color:#666; 
	color:#FDFDFD;
	background-image:url(../img/menu-bg-hover.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#menu .current { 
	font-family:arial; background-color:rgb(255,255,255); 
	background-repeat:repeat-x; 
	background-position:50% 0%; 
	border-bottom-width:5px; 
	border-bottom-color:rgb(192,114,0); 
	border-bottom-style:solid; 
}

#menu li.active a{ 
	font-family:arial; background-color:rgb(255,255,255); 
	background-repeat:repeat-x; 
	background-position:50% 0%; 
	border-bottom-width:5px; 
	border-bottom-color:rgb(192,114,0); 
	border-bottom-style:solid; 
}


/* Contenu principal, corps de page */

#content_video {
	width:180px;
	text-align:center;
	padding : 0px;
	font-family:arial;
        margin:0px 0px 0px 0px;
}

#content_index {
	width:auto;
	text-align:center;
	padding : 0px;
	font-family:arial !important;
}

#content_index p {
	color:rgb(255,255,255);
	font-size:100%;
	text-align:center;
	margin:0px 0px 0px 0px;
}

#content_index h1 {
	color:rgb(32,100,130);
	font-size:220%;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

#content_index h2 {	
	color:rgb(255,255,255);
	font-size:180%;
	font-weight:normal;
	text-align:left;
	margin-left:80px;
        margin-right:80px;
}


#content_index h4 {
	align:center;	
	font-size:150%;
	font-weight:normal;
	color:rgb(255,255,255);
	width:800px;
        margin-top:0px;
}

#content_index_color h4 {
	align:center;	
	font-size:150%;
	font-weight:normal;
	color:rgb(255,255,255);
	width:800px;
        margin-top:0px;
}

#content_index a {
	color:rgb(32,100,130);
	text-decoration:none;
	font-weight:normal;
}

#content_index a:hover {
	text-decoration:underline;	
}

/* Colonnes simples */


#content_index .colonne_simple {
	width:100%;
	padding : 0px;
	font-family:arial;
    margin:0px 0px 0px 0px;
	background-color:#FFFFFF;
	position:relative;
}

#content_index .colonne_block {
  break-inside: avoid;
}

#content_index .colonne_undemi_gauche {
	float:left;
	width:50% !important;
	padding :0px;
	font-family:arial;
    margin:auto;
	background-color:#FFFFFF;
}

#content_index .colonne_undemi_droite {
	float:right;
	width:50% !important;
	padding :0px;
	font-family:arial;
    margin:auto;
	background-color:#FFFFFF;
}

#content_index .colonne_untier {
	width:30%;
	float:center;
	padding :0px;
	font-family:arial;
    margin:auto;
	background-color:#FFFFFF;
	position:relative;
}

#content_index .colonne_deuxtier {
	width:80%;
	float:right;
	padding : 0px;
	font-family:arial;
    margin:0px 0px 0px 0px;
	background-color:#FFFFFF; /*#E6E6E6;*/
}

#content_index .colonne_unquart {
	width:25%;
	float:right;
	padding : 0px;
	font-family:arial;
    margin:0px 0px 0px 0px;
}

#content_index .colonne_simple_gris {
	width:100%;
	padding : 0px;
	font-family:arial;
    margin:0px 0px 0px 0px;
	background-color:#E6E6E6;
}

#content_index .colonne_definition {
	width:350px;
	text-align:left;
	padding : 0px;
	font-family:arial;
        margin:0px 0px 0px 0px;
}

#content_index .colonne_simple_color {
	width:auto;
	text-align:center;
	padding : 0px;
	font-family:arial;
    margin:0px 0px 0px 0px;
}

#content_index .colonne_simple_a {
	width:	320px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
	background-color: rgb(255,255,255);
	padding:10px 0px 0px 0px;
}

#content_index .colonne_simple_aa {
	width:	320px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
	background-color: rgb(255,255,255);
	padding:10px 0px 0px 0px;
}

#content_index .colonne_simple_a_color {
	width:	320px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
	background-color: rgb(195,195,195);
	padding:10px 0px 0px 0px;
}

#content_index .colonne_simple_aa_color {
	width:	320px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
	background-color: rgb(195,195,195);
	padding:10px 0px 0px 0px;
}


#content_index .colonne_simple_a_slider {
	width:320px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
}

#content_index .colonne_simple_c,#content_index .colonne_simple_c_color {
	width:50%;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
}

#content_index .colonne_simple_c_gris {
	width:50%;
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#E6E6E6;
	padding:0px 0px 0px 0px;
}


#content_index .colonne_simple_d,#content_index .colonne_simple_d_color {
	width:480px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
}


#content_index .colonne_simple_e,#content_index .colonne_simple_e_color {
	width:240px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
}


#content_index .colonne_simple_f,#content_index .colonne_simple_f_color {
	width:320px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
}

#content_index .colonne_simple_g {
	width:16%;
	float:left;
	margin:auto;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
}

#content_index .colonne_simple_h {
	width:2%;
	float:left;
	margin:50px 0px 0px -30px;
	border-right:solid 0px #C8C8C8;
	padding:0px 0px 0px 0px;
}

#content_index .colonne_simple h1 {
	color:black;
	font-size:120%;
	font-weight:bold;
	font-family:arial;
	text-transform:uppercase;
	text-align:center;
	margin:0px 0px 0px 0px;
}

#content_index .colonne_simple h2 {	
	padding : 0px;
	font-family:arial;
	font-weight:bold;
    margin:0px 0px 0px 0px !important;
	font-size:100%;
	text-align:left;
	text-transform:uppercase;
	color:black !important;
}

#content_index .colonne_deuxtier h2 {	
	padding : 0px;
	font-family:arial;
    margin:20px 0px 10px 0px !important;
	font-size:110%;
	text-align:left;
	text-transform:uppercase;
	color:#000000 !important;
}

#content_index .colonne_simple h3 {	
	padding : 0px;
	font-family:arial;
    margin:0px 0px 0px 0px !important;
	font-size:100%;
	text-align:left;
	color:black;
}

#content_index .colonne_deuxtier h3 {	
	padding : 0px;
	font-family:arial;
    margin:20px 0px 10px 0px !important;
	font-size:110%;
	text-align:left;
	color:#000000;
}

#content_index .colonne_simple p{
	padding : 0px;
	font-family:arial;
    margin:0px 0px 0px 0px;
	font-size:100%;
	text-align:justify;
	color:black;
}

#content_index .colonne_untier p{
	padding : 0px;
	font-family:arial;
    margin:0px 0px 20px 0px;
	font-size:100%;
	text-align:justify;
	color:#000000;
}

#content_index .colonne_deuxtier p{
	padding : 0px;
	font-family:arial;
    margin:0px 0px 20px 0px;
	font-size:110%;
	text-align:justify;
	color:#000000;
}

#content_index .colonne_simple p1{
	padding : 0px;
	font-family:arial;
    margin:10px 0px 10px 0px;
	font-size:100%;
	text-align:center;
	color:#000000 !important;
}

#content_index .colonne_simple_gris h2 {	
	color:#B45F04;
	font-size:140%;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_definition h2 {	
	padding : 0px;
	font-family:arial;
    margin:100px 10px 10px 10px;
	font-size:100%;
	text-align:left;
	color:#000000 !important;
}

#content_index .colonne_simple_gris h3 {	
	color:#B45F04;
	font-size:140%;
	font-weight:bold;
	text-align:left;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple h4 {	
	color:#190707;
	font-size:140%;
	font-weight:bold;
	text-align:left;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple_gris h4 {	
	color:#190707;
	font-size:140%;
	font-weight:bold;
	text-align:left;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple h9 {
	color:rgb(32,100,130);
	font-size:120%;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple h10 {	
	color:rgb(125,125,125);
	font-size:100%;
	font-weight:normal;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content_index .colonne_simple,#content_index .colonne_simple_gris p {
	color:rgb(0,0,0);
	font-size:140%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple,#content_index .colonne_simple_gris p1 {
	color:rgb(255,255,255);
	font-size:110%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 0px 0px 0px;
}

#content_index .colonne_simple_tableau p {
	color:rgb(0,0,0);
	font-size:100%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 0px 0px 0px;
}

#content_index .colonne_definition p {
	color:rgb(105,105,105);
	font-size:120%;
	font-weight:normal;
	text-align:left;
	margin:0px 0px 0px 10px;
}

#content_index .colonne_simple ul {
	align:left;	
	font-weight:normal;
	color:rgb(238,142,0);
	margin:0px 0px 0px 0px;
}

#content_index .colonne_simple li {	
	text-align:left;
	font-size:105%;
	font-weight:normal;
	color:rgb(238,142,0);
        margin-top:0px;
	list-style:square;
	list-style-position:inside;
}

#content_index .colonne_simple_color h1 {
	color:rgb(32,100,130);
	font-size:180%;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple_color h2 {	
	color:rgb(250,250,250);
	font-size:140%;
	font-weight:normal;
	text-align:left;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple_color h3 {	
	color:rgb(238,142,0);
	font-size:160%;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple_color h5 {	
	color:rgb(125,125,125);
	font-size:180%;
	font-weight:normal;
	text-align:left;
	margin:0px 100px 0px 100px;
}

#content_index .colonne_simple_color p {
	color:rgb(125,125,125);
	font-size:140%;
	font-weight:normal;
	text-align:center;
	margin:0px 80px 0px 80px;
}

#content_index .colonne_simple_color ul {
	align:left;	
	font-weight:normal;
	color:rgb(125,125,125);
	margin:0px 100px 0px 100px;
}

#content_index .colonne_simple_color li {	
	text-align:left;
	font-size:140%;
	font-weight:normal;
	color:rgb(125,125,125);
        margin-top:0px;
	list-style:square;
	list-style-position:inside;
}

#content_index .colonne_simple_a_slider ul {
	margin-left:0px;
	padding: 0px;
   	list-style: none; 
}

#content_index .colonne_simple_a_slider li {
	color:rgb(238,142,0);
	font-size:130%;
	text-align:left;
	margin-left:0px;
}

#content_index .colonne_simple_a p {
	color:rgb(255,255,255);
	font-size:120%;
	text-align:left;
	margin:0px 25px 0px 25px;
}

#content_index .colonne_simple_a_color p {
	color:rgb(255,255,255);
	font-size:120%;
	text-align:left;
	margin:0px 25px 0px 25px;
}

#content_index .colonne_simple_a,#content_index .colonne_simple_a_color ul {
	margin:0px;
	margin-left: 0px;
	padding: 0px;
	list-style:square;
}

#content_index .colonne_simple_a li {
	color:rgb(255,255,255);
	font-size:140%;
	text-align:left;
	margin:0px 0px 0px 0px;
}

#content_index .colonne_simple_a_color li {
	color:rgb(192,114,0);
	font-size:140%;
	text-align:left;
	margin:0px 5px 0px 40px;
}

#content_index .colonne_simple_a h1 {
	color:rgb(192,114,0);
	font-size:120%;
	text-align:left;
	margin:0px 0px 0px 25px;
	font-weight:bold;
}

#content_index .colonne_simple_aa h1 {
	color:rgb(192,114,0);
	font-size:140%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

#content_index .colonne_simple_a_color h1 {
	color:rgb(192,114,0);
	font-size:120%;
	text-align:left;
	margin:0px 0px 0px 25px;
	font-weight:bold;
}


#content_index .colonne_simple_a h4 {
	color:rgb(255,255,255);
	font-size:130%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

#content_index .colonne_simple_a_color h4 {
	color:rgb(125,125,125);
	font-size:130%;
	text-align:center;
	margin:0px 35px 0px 35px;
	font-weight:normal;
}


#content_index .colonne_simple_c,#content_index .colonne_simple_c_gris li {
	color:rgb(255,255,255);
	font-size:100%;
	text-align:left;
	margin:0px 0px 0px 0px;
}

#content_index .colonne_simple_c_color li {
	color:rgb(125,125,125);
	font-size:100%;
	text-align:left;
	margin:0px 0px 0px 0px;
}

#content_index .colonne_simple_c h1 {
	color:rgb(255,255,255);
	font-size:150%;
	text-align:center;
	margin:20px 50px 0px 50px;
}

#content_index .colonne_simple_c_gris h1 {
	color:rgb(255,255,255);
	font-size:150%;
	text-align:center;
	margin:20px 50px 0px 50px;
}

#content_index .colonne_simple_c_color h1 {
	color:rgb(125,125,125);
	font-size:150%;
	text-align:center;
	margin:20px 50px 0px 50px;
}

#content_index .colonne_simple_c h2 {
	color:rgb(43,137,179);
	font-size:100%;
	text-align:left;
	margin:30px 0px 0px 30px;
	font-weight:normal;
}

#content_index .colonne_simple_c_gris h2 {
	color:rgb(43,137,179);
	font-size:100%;
	text-align:left;
	margin:30px 0px 0px 30px;
	font-weight:normal;
}

#content_index .colonne_simple_c_color h2 {
	color:rgb(125,125,125);
	font-size:100%;
	text-align:left;
	margin:30px 0px 0px 30px;
	font-weight:normal;
}

#content_index .colonne_simple_c h4 {
	color:rgb(255,255,255);
	font-size:100%;
	text-align:center;
	margin:35px 0px 0px 35px;
	font-weight:normal;
}

#content_index .colonne_simple_c_gris h4 {
	color:rgb(255,255,255);
	font-size:100%;
	text-align:center;
	margin:35px 0px 0px 35px;
	font-weight:normal;
}

#content_index .colonne_simple_c_color h4 {
	color:rgb(125,125,125);
	font-size:100%;
	text-align:center;
	margin:35px 0px 0px 35px;
	font-weight:normal;
}

#content_index .colonne_simple_c,#content_index .colonne_simple_c_gris p {
	color:rgb(255,255,255);
	font-size:80%;
	text-align:left;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

#content_index .colonne_simple_c_color p {
	color:rgb(125,125,125);
	font-size:140%;
	text-align:left;
	margin:20px 20px 0px 20px;
	font-weight:normal;
}

#content_index .colonne_simple_d p {
	color:rgb(255,255,255);
	font-size:130%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

#content_index .colonne_simple_d_color p {
	color:rgb(125,125,125);
	font-size:130%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}


#content_index .colonne_simple_d h1 {
	color:rgb(255,255,255);
	font-size:160%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	text-transform:uppercase;
}


#content_index .colonne_simple_d_color h1 {
	color:rgb(192,114,0);
	font-size:160%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-transform:uppercase;
}

#content_index .colonne_simple_d h4 {
	color:rgb(238,142,0);
	font-size:110%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-transform:uppercase;
}

#content_index .colonne_simple_d_color h4 {
	color:rgb(238,142,0);
	font-size:110%;
	text-align:center;
	margin:0px 0px 0px 10px;
	font-weight:bold;
	text-transform:uppercase;
}


#content_index .colonne_simple_d_color h5 {
	color:rgb(125,125,125);
	font-size:140%;
	text-align:center;
	margin:20px 0px 0px 20px;
	font-weight:normal;
}

#content_index .colonne_simple_d_color h6 {
	color:rgb(238,142,0);
	font-size:160%;
	text-align:left;
	margin:0px 0px 0px 50px;
	font-weight:bold;
	text-transform:uppercase;
}

#content_index .colonne_simple_d_color h7 {
	color:rgb(250,250,250);
	font-size:130%;
	text-align:left;
	margin:0px 0px 0px 50px;
	font-weight:normal;
}

#content_index .colonne_simple_e p {
	color:rgb(255,255,255);
	font-size:110%;
	text-align:left;
	margin:0px 10px 0px 10px;
	font-weight:normal;
}


#content_index .colonne_simple_e_color p {
	color:rgb(125,125,125);
	font-size:110%;
	text-align:left;
	margin:0px 10px 0px 10px;
	font-weight:normal;
}

#content_index .colonne_simple_e h1 {
	color:rgb(238,142,0);
	font-size:130%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-transform:uppercase;
}

#content_index .colonne_simple_e h2 {
	color:rgb(250,250,250);
	font-size:110%;
	text-align:left;
	margin:0px 0px 10px 10px;
	font-weight:normal;
}

#content_index .colonne_simple_e h4 {
	color:rgb(238,142,0);
	font-size:110%;
	text-align:left;
	margin:0px 10px 0px 10px;
	font-weight:bold;
	text-transform:uppercase;
}


#content_index .colonne_simple_e_color h4 {
	color:rgb(238,142,0);
	font-size:110%;
	text-align:left;
	margin:0px 10px 0px 10px;
	font-weight:bold;
	text-transform:uppercase;
}
#content_index .colonne_simple_e h5 {
	color:rgb(125,125,125);
	font-size:80%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	text-transform:uppercase;
}


#content_index .colonne_simple_f p {
	color:rgb(255,255,255);
	font-size:130%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

#content_index .colonne_simple_f_color p {
	color:rgb(125,125,125);
	font-size:130%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}


#content_index .colonne_simple_f h1 {
	color:rgb(255,255,255);
	font-size:160%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	text-transform:uppercase;
}


#content_index .colonne_simple_f_color h1 {
	color:rgb(192,114,0);
	font-size:160%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-transform:uppercase;
}

#content_index .colonne_simple_f h4 {
	color:rgb(192,114,0);
	font-size:80%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	text-transform:uppercase;
}


#content_index .colonne_simple_f_color h4 {
	color:rgb(238,142,0);
	font-size:80%;
	text-align:center;
	margin:0px 0px 0px 10px;
	font-weight:normal;
	text-transform:uppercase;
}

#content_index .content_tableau_simple {
	width:100%;
	padding : 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#content_index .content_tableau_simple p {
	color:rgb(255,255,255);
	font-size:100%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

.content_colonne_quintuple {
	height: 100%;
	width:20%;
	margin:0;
	padding:0;
	font-size:90%;
	ground-repeat:repeat-x;
	background-color:rgb(225,225,225);
}

/* Les formulaires */

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 0;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin: 0 0 10px 0;
	font-size:10px;
	line-height: 15px;
	margin-left:40px;
	font-size:1em;
	line-height:1em;
}

.champ_off {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1.1em; 
	border:1px solid #CCC;
	background:#FEFEFE;
	color: #5A5B5B;
	padding:2px;
	width:422px;
	font-family:Arial, Helvetica, sans-serif;
}

.champ_on {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:1.1em; 
	border:1px solid #CCC;
	background:beige;
	color: black;
	padding:2px;
	width:422px;
	font-family:Arial, Helvetica, sans-serif;
}

.submit {	/*** Retour à l'état normal après l'utilisation ***/
	font-size:0.9em;
	border:1px solid #B8B8B8;
	background-color:#D8D8D8;
	/*background:url(../bib/image/GED_fd_bouton.gif);*/
	color:#2D2D2D;
	padding:5px;
}

/* forme geometrique */

.ovale{
	width:200px;
	height:200px;
	background:#069;
	background-color:rgb(250,0,0);
	-webkit-border-radius:110px / 110px;
	-moz-border-radius:110px / 110px;
	-o-border-radius:110px / 110px;
	border-radius:110px / 110px;
	padding:0px 0px 0px 0px;
	line-height:20px; 
}

/* login form */

#login {
	position:absolute;
	right:10px;
	top:0px;
	color:#2D2D2D;
	font-size:85%;
	border:solid 0px pink;
}

#login p {
	margin-top:3px 30px 0 0;
	text-align:right;
}

#login .login_title {
	font-weight:bold;
	font-style:italic;
	color:#666;
}

#login .champ {
	margin:0;
	border:0;
	margin-top:-1px;
	color:#2D2D2D;
	border:1px solid #D8D8D8;
	background-color:#FEFEFE;
	font-size:100%;
	font-style:italic;
}

#login .bouton {
	background:#888888;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	border:solid 1px #666;
	color:#FEFEFE;
	font-size:90%;
}

#login a, #login a:visited {
	text-decoration:none;
	color:#333;
}

#login a:hover {
	text-decoration:underline;
}

/* SLIDER */

.slideshow {  
   width: 880px;  
   height: 487px;  
   overflow: hidden;  
   border: 0px solid #B8B8B8;  
} 
.slideshow_colonne_simple_a {  
   width: 310px;  
   height: 192px;  
   overflow: hidden;  
   border: 0px solid #F2F2F2;  
}  
.slideshow ul {  
    /* 4 images donc 4 x 100% */  
   width: 400%;  
   height: 400px;  
   padding:0; margin:0;  
   list-style: none;  
} 
.slideshow_colonne_simple_a ul {  
    /* 4 images donc 4 x 100% */  
   width: 200%;  
   height: 238px;  
   padding:0;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;  
   list-style: none;  
}  
.slideshow li {  
   float: left;  
} 
.slideshow_colonne_simple_a li {  
   float: left;
} 

/* FIN SLIDER */


#index {
   display: inline-block;   
   vertical-align: top; 
   width: 960PX;  
   height: 560px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#methodologie {
   display: inline-block;  
   vertical-align: top;  
   width: 960PX;  
   height: 790px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(195,195,195);
   list-style: none;
}

#strategie {
   display: inline-block;  
   vertical-align: top;  
   width: 960PX;  
   height: 840px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(195,195,195);
   list-style: none;
}

#audit {
   display: inline-block;    
   vertical-align: top;;
   width: 960PX;  
   height: 1945px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#performance {
   display: inline-block;    
   vertical-align: top;;
   width: 960PX;  
   height: 1445px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#croissance {
   display: inline-block;    
   vertical-align: top;;
   width: 960PX;  
   height: 1550px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#positionnement {
   display: inline-block;    
   vertical-align: top;
   width: 960PX;  
   height: 840px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(195,195,195);
   list-style: none;
}

#business {
   display: inline-block;    
   vertical-align: top;
   width: 960PX;  
   height: 1600px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#marche {
   display: inline-block;    
   vertical-align: top;
   width: 960PX;  
   height: 920px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(195,195,195);
   list-style: none;
}

#commercial {
   display: inline-block;    
   vertical-align: top;
   width: 960PX;  
   height: 900px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(195,195,195);
   list-style: none;
}

#equipe {
   display: inline-block;    
   vertical-align: top;
   width: 960PX;  
   height: 450px;  
   padding:106px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#contact {
   display: inline-block;    
   vertical-align: top;
   width: 960px;  
   height: 960px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#achat {
   display: inline-block;    
   vertical-align: top;
   width: 960px;  
   height: 900px;  
   padding:146px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#profil {
   display: inline-block;    
   vertical-align: top;
   width: 960px;  
   height: 1950px;  
   padding:146px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#contact_achat {
   display: inline-block;    
   vertical-align: top;
   width: 960px;  
   height: 1350px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#projet {
   display: inline-block;  
   vertical-align: top;  
   width: 960PX;  
   height: 1900px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#papier {
   display: inline-block;  
   vertical-align: top;  
   width: 960PX;  
   height: 4500px;  
   padding:126px 0px 0px 0px; 
   margin:0px 0px 0px 0px;
   background-color : rgb(255,255,255);
   list-style: none;
}

#spacer {
   width : 10px;
}

/* PAGE CONTACT */

#content_index .colonne_contact_color {
	width:960px;
	text-align:left;
	padding : 0px;
	font-family:arial;
        margin:0px 0px 0px 180px;
}

#content_index .colonne_contact_color p {
	color:rgb(125,125,125);
	font-size:160%;
	font-weight:normal;
}

#content_index .cadrecentral { 
	width: 160px;
	height: 60px;
	border-left:0px; 
	border-right:0px;
	border-bottom:0px;
	border-top:0px dashed;
	background-color:rgb(43,137,179);
        margin:0px 0px 0px 400px;
}

#content_index .cadregauche { 
	width: 250px;
	height: 50px;
	border-left:0px; 
	border-right:0px;
	border-bottom:0px;
	border-top:0px dashed;
	background-color:rgb(43,137,179);
        margin:0px 0px 0px 180px;
	font-size:140%
}

#content_index .cadredroit { 
	width: 250px;
	height: 50px;
	border-left:0px; 
	border-right:0px;
	border-bottom:0px;
	border-top:0px dashed;
	background-color:rgb(43,137,179);
        margin:-50px 0px 0px 550px;
	font-size:140%
}

#content_index .cadrecentral p {
	color:rgb(255,255,255);
	font-size:160%;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	padding:20px 0px 0px 0px;
}

.textarea{
	font-family:arial;
	font-size:100%;
	font-color:rgb(0,0,0);
	border:0px;
	background-color:rgb(255,255,255);
	cols:145;
}

.textarea_1{
	font-family:arial;
	font-size:100%;
	color:rgb(0,0,0);
	border:0px;
	background: transparent;
	width:100%;
}

.textarea_2{
	color:rgb(0,0,0);
	font-size:140%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 80px 0px 80px;
	border-style: none;
	background-color:rgb(255,255,255);
}

.textarea_3{
	font-size:80%;
	font-weight:normal;
	font-family:arial;
	text-align:center;
	padding-left:0px;
	margin:0px 0px 0px 10px;
	border-style: none;
	background-color:#FFFFFF;
	text-align:center;
	color:#0489B1;
	width:120px !important;
}

.textarea_4{
	font-family:arial;
	font-size:100%;
	margin:10px 10px 10px 10px;
	color:rgb(0,0,0);
	border:0px;
	background: #FFFFFF;
	width:98%;
}

.textarea_5{
	font-family:arial;
	font-size:110%;
	text-align: justify;
	margin:0px 0px 0px 0px;
	color:rgb(0,0,0);
	border:0px;
	background: #FFFFFF;
	width:98%;
}

.questionnaire1 {
	font-family:arial;
	background-color:rgb(205,205,205);
	width: 30px;
	height:15px;
	border:0px solid;
	margin-left:0px;
	text-align:center;
	font-size:100%;
	font-color:rgb(125,125,125)
}
.questionnaire2 {
	font-family:arial;
	background-color:rgb(205,205,205);
	width: 500px;
	height:30px;
	border:1px solid;
	font-size:120%;
	color:rgb(125,125,125);
	font-weight:normal;
}

.text {
	font-family:arial;
	background-color:rgb(205,205,205);
	width: 255px;
	height:20px;
	border:0px solid;
	font-size:100%;
	font-color:rgb(1,1,1)
}

.label {
	font-size:100%;
	color:rgb(1,1,1);
	font-weight:normal;
	text-align:right !important;
}

.input {
	font-family:arial;
	font-size:100%;
	color:#000000;
	border: 0px;
	border-width: 1px;
	border-color: #BDBDBD;
	font-weight:normal;
	background:#AEC6D3;
  	width: 500px; /* largeur à spécifier */
  	height: 20px; /* longueur à spécifier */
	text-align:left;	
	padding:0px 0px 0px 0px;
}

.input gris {
	font-family:arial;
	font-size:100%;
	color:#000000;
	border: 0px;
	border-width: 1px;
	border-color: #F2F2F2;
	font-weight:normal;
	background-color:#F2F2F2 !important;
  	width: 500px; /* largeur à spécifier */
  	height: 20px; /* longueur à spécifier */
	text-align:left;	
	padding:0px 0px 3px 0px;
}

.input_demi {
	font-family:arial;
	font-size:130%;
	color:#000000;
	border-style: solid;
	border-width: 1px;
	border-color: #BDBDBD;
	font-weight:normal;
	background:#ffffff;
  	width: 300px; /* largeur à spécifier */
  	height: 18px; /* longueur à spécifier */
	text-align:center;
	margin-left:20%;	
	padding:0px 0px 2px 0px;
}

.input_generation {
	font-family:arial;
	font-size:160%;
	color:white;
	font-weight:normal;
	background:rgb(43,137,179);
	border: none;
  	width: 400px; /* largeur à spécifier */
  	height: 42px; /* longueur à spécifier */
  	cursor: pointer;
	text-align:center;
	margin: 0px 0px 0px 100px;
	text-transform:uppercase;	
}


.input_fermer {
	font-family:arial;
	font-size:160%;
	color:white;
	font-weight:normal;
	background:rgb(238,142,0);
	border: none;
  	width: 120px; /* largeur à spécifier */
  	height: 42px; /* longueur à spécifier */
  	cursor: pointer;
	text-align:center;
	margin: 0px 0px 0px 240px;
	text-transform:uppercase;	
}

.text:hover
{
background-color:grey;
}

/* Tableaux */

.content_tableau_simple_double_colonne {
	width:50%;
	padding : 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.content_tableau_simple_double_colonne p {
	color:rgb(255,255,255);
	font-size:80%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 0px 0px 0px;
}

.content_tableau_double {
	width:100%;
	padding : 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.content_tableau_quintuple {
	width:20%;
	padding : 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

/* DESIGN DES TABLES */

#id_div_attractivite_clients {
    -webkit-transition-duration:5s;
    -webkit-transition-timing-function: ease-in-out;
	  transition-duration:5s;
    transition-timing-function: ease-in-out;
}

.parallelogram {
    border:1px;
    margin: auto;
	border-style: solid;
	border-color:#848484 !important;
	width: 150px;
	height: 75px;
	-webkit-transform: skew(340deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
	background: #FBFBEF;
	display:inline-block;
}
.carre {
    border:1px;
    margin: auto;
	border-style: solid;
	border-color:#848484 !important;
	width: 150px;
	height:150px;
	-webkit-transform: skew(0deg);
	   -moz-transform: skew(0deg);
	     -o-transform: skew(0deg);
	background: #FBFBEF;
	display:inline-block;
}

.cadre {
    width:80% !important;
    border:1px;
    margin: auto;
	border-style: solid;
	border-color:#848484 !important;
	height: auto;
	background-color:#E0F2F7;
	font-size:90% !important;
	font-family:arial;
	text-align: center;
	margin:auto;
	color:#000000;
}

.cadre_white {
    width:80%;
    border:0px;
    margin: auto;
	border-style: solid;
	border-color:#FFFFFF !important;
	height: auto;
	background-color:#FFFFFF;
	font-size:90% !important;
	font-family:arial;
	text-align: center;
	margin:auto;
	color:#000000;
}

.cadre_recherche {
    width:90%;
    border:1px;
    margin: auto;
	border-style: solid;
	border-color:#848484;
	height: 22px;
	background-color:#FFFFFF;
	font-size:90% !important;
	font-family:arial;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
}

.cadre p1 {
	color:#000000;
	font-size:80%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 0px 0px 0px;
}

.cadre p2 {
	color:#000000;
	font-size:90%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 0px 0px 0px;
}

.cadre p3 {
	color:#000000;
	font-size:90%;
	font-weight:normal;
	font-family:arial;
	text-align:left;
	margin:0px 0px 0px 0px;
}

.cadre td {
	height:30px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    margin: auto;
	border-style: solid;
	border-color:#848484;
	text-align: left;
}

.cadre i{
	font-size:100%;
	text-align:center;
	font-family:arial !important;
	color:rgb(125,125,125);
}

.td_graphe {
	font-family:arial !important;
	text-align: center !important;
	color:#000000 !important;
	font-size:120% !important;
}

.cadre .td_demi {
    text-align:right;
	width:50% !important;
	padding-right:50px;
}

.cadre .td_demi_bleu {
	background-color:#C3DEEB; /* #AEC6D3 */
	color:#000000;
    text-align:right;
	width:50% !important;
	padding-right:50px;
}

.cadre .td_tier {
    text-align:right;
	width:33% !important;
	padding-right:50px;
}

.cadre .td_demi_left {
    text-align:center;
	width:50% !important;
	padding-left:100px !important;
}

.cadre .td_quart {
    text-align:center;
	width:25% !important;
}

.cadre .td_mini {
	height:20px;
	width:100px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px;
    margin: auto;
	border-style: solid;
	border-color:#848484 !important;
	background-color:#AEC6D3;
	text-align: left;
	color:#000000;
	font-size:100%;
}

.cadre .td_couleur_gris2_mini {
	height:20px !important;
	width:100px !important;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px;
    margin: 0px;
	padding:0px;
	border-style: solid;
	border-color:#848484 !important;
	background-color:#E6E6E6!important;
	text-align: right;
	color:#000000;
	font-size:120%;
}

.cadre .td_couleur_orange_mini {
	height:20px !important;
	width:100px !important;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px;
    margin: 0px;
	padding:0px;
	border-style: solid;
	border-color:#848484 !important;
	background-color:#F5D0A9 !important;
	text-align: left;
	color:#000000;
	font-size:100%;
}

.cadre .td_couleur_orange {
	background-color:#FFBF00 !important;
	color:#000000;
}

.td_couleur_bleu {
	background-color:#D0DAE0; /*#C3DEEB #AEC6D3 */
	color:#000000;
}

.td_couleur_vert {
	background-color:#F5ECCE !important; /* #D1DEBF !important; */
	color:#000000;
}

.cadre .td_couleur_vert_vert {
	background-color:#3ADF00 !important; /* #D1DEBF !important; */
	color:#000000;
}

.cadre .td_couleur_vert_clair {
	background-color:#BCF5A9 !important; /* #D1DEBF !important; */
	color:#000000;
}

.cadre .td_couleur_jaune {
	background-color:#F3F781 !important; /* #D1DEBF !important; */
	color:#000000;
}

.cadre .td_couleur_rouge {
	background-color:#FF0000 !important; /* #D1DEBF !important; */
	color:#000000;
}

.td_couleur_blanc {
	background-color:#FFFFFF !important;
	color:#000000;
}

.td_couleur_gris {
	background-color:#EBEDEF !important;
	color:#000000;
}

.td_couleur_jaune {
	background-color:#FBFBE6 !important;
	color:#000000;
}

.td_couleur_blanc .highcharts-container { 
	margin: auto !important; 
}

.cadre .td_couleur_bleu_mini {
	width:100px !important;
	background-color:#D0DAE0; /*#C3DEEB #AEC6D3 */
	padding-right:0px;
	text-align:right;
	color:#000000;
}

.cadre .td_couleur_gris {
	color:black;
	background-color:#F2F2F2;
}

.cadre .td_couleur_gris_mini {
	width:100px !important;
	background-color:#F2F2F2; /*#C3DEEB #AEC6D3 */
	padding-right:0px;
	text-align:right;
	color:#000000;
}

.td_couleur_gris_gris {
	color:green;
	background-color:#BDBDBD;
}

.td_shift {
	padding-left:320px !important;
}

.tablevariable{
    width: 450px;
    border: 0px solid brown;
    margin: auto;
    border-collapse: separate;
}
.tablevariable_td_cell0
{
    	width: 200px;
	height:15px;
	border: 0px;
}
.tablevariable_td_cell1
{
    width: 410px;height:15px;border: 0px;
}

.table_menu {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#FBFBEF;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu_vert {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#EFF8FB;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu1 {
	border: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#FBFBEF;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu_pres {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484 !important;
	width: 90%;
	height: 50px;
	background-color:#FBFBEF;
	font-size:80%;
	text-align: left;
	padding-left:20px;
	margin:auto;
	color:#000000;
	cursor:pointer;
}

.table_menu_pres_2 {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484;
	width: 100%;
	height: 50px;
	background-color:#FBFBEF;
	font-size:80%;
	text-align: left;
	padding-left:0px;
	margin:auto;
	color:#000000;
}

.table_menu_pres_3 {
	border: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color:#848484 !important;
	width: 100%;
	height: 50px;
	background-color:#FBFBEF;
	font-size:80%;
	text-align: left;
	padding-left:20px;
	margin:auto;
	color:#000000;
	cursor:pointer;
}

.table_menu1_vert {
	border: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#EFF8FB;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu2 {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#AEC6D3;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu2_vert {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#EFF8FB; /*#E6F8E0*/
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu_fait {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#A5DF00 !important;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu_fait {
	border: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#A5DF00 !important;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

.table_menu1_fait {
	border: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color:#848484 !important;
	width: 80%;
	height: 50px;
	background-color:#A5DF00 !important;
	text-align: center;
	margin:auto;
	color:#000000;
	cursor:pointer;
	text-transform:uppercase;
}

/* DEFINITION BOUTON RADIO */
/* ROUNDED ONE */
.roundedOne {
	width: 18px;
	height: 18px;
	background: #fcfff4;
	margin: 0px 0px;
	position: absolute;
	display:inline-block;

	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.roundedOneCedant {
	width: 18px;
	height: 18px;
	background: #fcfff4;
	margin: 0px 0px;
	position: absolute;
	display:inline-block;

	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.roundedOne label {
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 18px;

	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	
	border: 1px solid #848484;
	left: 0px;
	top: 0px;
	background:#FFFFFF;
}

.roundedOneCedant label {
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 18px;

	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	
	border: 1px solid #848484;
	left: 0px;
	top: 0px;
	background:#FFFFFF;
}

.roundedOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	background: #00bf00;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	top: 0px;
	left:0px;
}

.roundedOneCedant label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	background: #0489B1;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	top: 0px;
	left:0px;
}

.roundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedOneCedant label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedOne input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.roundedOneCedant input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* DEFINITION CHECKBOX */
/* SQUARED ONE CEDANT */
.squaredOneCedant {
	width: 18px;
	height:18px;
	margin: 0px 0px;
	text-align:center;
	position: absolute;
	display:inline;
}

.squaredOneCedant label {
	border: 1px solid #848484;
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 18px;

	left: 0px;
	top: 0px;
	background:#FFFFFF;
}

.squaredOneCedant label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	background: #0489B1;
	left:0px;
}

.squaredOneCedant label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOneCedant input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED ONE */
.squaredOne {
	width: 18px;
	height:18px;
	margin: 0px 0px;
	text-align:center;
	position: absolute;
	display:inline;
}

.squaredOne label {
	border: 1px solid #848484;
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 18px;

	left: 0px;
	top: 0px;
	background:#FFFFFF;
}

.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	background: #00bf00;
	left:0px;
}

.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* TABLE */
.table_col1 {
  border: 0px;
  width: 100px;
  height: 15px;
  text-align: right;
  color:#FFFFFF;
  margin:auto;
  padding:0 0 0 35%;
}

.table_col2 {
  border: 0px;
  width: 700px;
  height: 15px;
  text-align: left;
  padding:0px 0px 0px 0px;
}

.table_col3 {
  border: 0px;
  width: 500px;
  height: 15px;
  text-align: left;
  padding:0px 0px 0px 0px;
}

.table_col4 {
  border: 0px;
  width:40% !important;
  height: 15px;
  text-align:right;
  padding:0px 0px 0px 0px;
}

.table_col1_bleu {
  border: 0px;
  width: 50px;
  height: 15px;
  background-color:#A9D0F5;
  text-align: center;
  color:#FFFFFF;
}

.table_col1_mini {
  border: 0px;
  width: 25px;
  height: 15px;
  background-color:#0489B1;
  text-align: center;
  color:#FFFFFF;
}

.table_col1_large {
  border: 0px;
  width: 70px;
  height: 15px;
  background-color:#0489B1;
  text-align: center;
  color:#FFFFFF;
}

.table_col1_large_vert {
  border: 0px;
  width: 70px;
  height: 15px;
  background-color:#04B486;
  text-align: center;
  color:#FFFFFF;
}

.table_col1_very_large {
  font-size:85%;
  border: 0px;
  width: 140px;
  height: 15px;
  background-color:#0489B1;
  text-align: center;
  color:#FFFFFF;
}

.table_col1_very_large_vert {
  border: 0px;
  width: 140px;
  height: 15px;
  background-color:#04B486;
  text-align: center;
  color:#FFFFFF;
}

.table_col1_large_1 {
  font-size:100%;
  border: 0px;
  width: 90px;
  height: 15px;
  background-color:#0489B1;
  text-align: center;
  color:#FFFFFF;
}

.table_col1_jaune {
  border: 0px;
  width: 50px;
  height: 15px;
  background-color:#F5F6CE;
  text-align: center;
  color:#0489B1;
}

.table_col1_vert {
  border: 0px;
  width: 122px !important;
  height: 14px;
  background-color:#40FF00;
  text-align: center;
  margin-left:10px !important;
}

.table_col1_blanc {
  border: 0px;
  width: 80% !important;
  height: 16px;
  background-color:#ffffff;
  text-align: center;
  color:#0489B1;
  margin:0px;
  padding:0px;
}

.table_col1_blanc_mini {
  border: 0px;
  width: 122px !important;
  height: 14px !important;
  background-color:#ffffff;
  text-align: center;
  color:#0489B1;
  padding:0px;
  margin-left:10px !important;
}

.table-col1Axe {
  border: 0px;
  width: 15px;
  height: 25px;
  background-color:#0489B1;
  text-align: center;
}

.table_col3 {
  border: 0px;
  width: 300px;
  height: 15px;
  background-color:#FFFFFF;
  text-align: center;
  color:#04B486;;
}

.table_col3_large {
  border: 0px;
  width: 400px;
  height: 15px;
  background-color:#FFFFFF;
  text-align: center;
  color:#04B486;
}
.table_col3_large_vert {
  border: 0px;
  width: 400px;
  height: 15px;
  background-color:#04B486;
  text-align: center;
  color:#FFFFFF;
}

.table-col1Con {
  border: 0px;
  width: 300px;
  height: 25px;
  background-color:#0489B1;
  text-align: center;
}

.table-col1ConWhite {
  border: 0px;
  width: 300px;
  height: 25px;
  background-color:#ffffff;
  text-align: center;
}

.table_col2-bleu {
  border: 0px;
  width: 400px !important;
  height: 15px;
  color:#fff;
  background-color: #0489B1;
  text-align: center;
}

.table__col2_gris {
  border: 0px;
  width: 400px !important;
  height: 15px;
  color:#0489B1;
  background-color:#D8D8D8;
  text-align: center;
}

.table-col2Axe {
  border: 0px;
  width: 410px;
  height: 25px;
  background-color: #fff;
  text-align: center;
}

.table-col2Con {
  border: 0px;
  width: 250px;
  height: 25px;
  background-color: #fff;
  text-align: center;
}

.table-col3 {
  border: 0px;
  width: 580px;
  height: 25px;
  background-color:#0489B1;
  text-align: right;
}

.table-col3Con {
  border: 0px;
  width: 15px;
  height: 25px;
  background-color:#0489B1;
  text-align: center;
}

.table-col3ConGris {
  border: 0px;
  width: 15px;
  height: 25px;
  background-color:#D8D8D8;
  text-align: center;
}

.table-col3ConJaune {
  border: 0px;
  width: 15px;
  height: 25px;
  background-color:#F7F8E0;
  text-align: center;
}

.table-col3ConBleu {
  border: 0px;
  width: 15px;
  height: 25px;
  background-color:#E0F2F7;
  text-align: center;
}

.table-col5rouge {
  border: 0px;
  width: 120px !important;
  height: 60px;
  background-color:#61210B !important;
  text-align: center;
}

.table-col4 {
  border: 0px;
  width: 100px;
  height: 15px;
  background-color: #0489B1;
  text-align: center;
}

.table_col5gris {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 12% !important;
  height: 80px;
  background-color:#FFFFFF !important; /*#E6E6E6*/
  text-align: center !important;
  font-size:100% !important;
}

.table_col5blanc {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 112px !important;
  height: 80px;
  background-color:#FFFFFF !important;
  color:#E6E6E6 !important;
  text-align: center !important;
  font-size:100% !important;
}

.table_col5blanc_1 {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 15% !important;
  height: 80px;
  background-color:#FFFFFF !important;
}

.table_col5gris_1 {
  border-left: 1px;
  border-top: 1px;
  border-right:1px;
  border-bottom: 1px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 40%;
  height: 80px;
  background-color:#FFFFFF !important;
  color:black !important;
}

.table_col5gris_2 {
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 20%;
  height: 80px;
  background-color:#FFFFFF;
  color:#E6E6E6 !important;
}

.table_col5gris_3 {
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 300px !important;
  height: 80px;
  background-color:#FFFFFF !important;
  color:#E6E6E6 !important;
}

.table_col5gris_4 {
  border-left: 1px;
  border-top: 1px;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 170px !important;
  height: 80px;
  background-color:#FFFFFF !important;
  color:#E6E6E6 !important;
}

.table_col5gris_5 {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 30%;
  height: 80px;
  background-color:#FFFFFF !important;
  color:#E6E6E6 !important;
}

.table_col5gris_6 {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 15% !important;
  height: 80px;
  background-color:#FFFFFF !important;
  color:#E6E6E6 !important;
}

.table_col5gris_7 {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 60% !important;
  height: 80px;
  background-color:#FFFFFF !important;
  color:#E6E6E6 !important;
}

.table_col5vert {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 0px;
  border-bottom: 0px;
  border-color:#848484 !important;
  border-style: solid !important;
  width: 12% !important;
  height: 80px;
  background-color:#B18904 !important;
  text-align: center !important;
  font-size:100% !important;
}

.invisibilite {
	display: none !important;
}

/* DESIGN DES BOUTON */

.myButton_index {
	background-color:#0489B1;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	width:140px;
	height:160px;
	cursor:pointer;
	color:#FFFFFF !important;
	font-family:arial;
	text-align: center;
	font-size:120%;
	padding:0px 0px;
	text-decoration:none;
	margin:auto !important;
}

.myButton {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 1px;
  border-bottom: 1px;
  border-color:#848484 !important;
  border-style: solid !important;
	background-color:#FBFBEF;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	width:270px;
	height:50px;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	text-align: center;
	font-size:100%;
	padding:0px 0px;
	text-decoration:none;
	margin-left:0%;
}

.myButton_achat {
  border-left: 1px !important;
  border-top: 1px !important;
  border-right: 1px;
  border-bottom: 1px;
  border-color:#848484 !important;
  border-style: solid !important;
	background-color:#FBFBEF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	width:200px;
	height:60px;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	text-align: center;
	font-size:100%;
	padding:0px 0px;
	text-decoration:none;
	margin-left:0%;
}

.myButton_mini {
	background-color:#FBFBEF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	width:200px;
	height:25px;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	text-align: center;
	font-size:100%;
	padding:0px 0px 0px 0px;
	margin-left:0%;
	text-decoration:none;
}

.myButton_mini_bleu {
	background-color:#CEECF5;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	width:200px;
	height:25px;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	text-align: center;
	font-size:100%;
	padding:0px 0px 0px 0px;
	margin-left:0%;
	text-decoration:none;
}

.myButton_large {
	background-color:#EFF8FB;
	display:inline-block;
	width:80%;
	height:80px;
	cursor:pointer;
	color:#000000;
	font-family:arial;
	text-align: center;
	font-size:100%;
	padding:0px 0px 0px 0px;
	margin-left:0%;
	text-decoration:none;
}

.myButton_supermini {
	background-color:#FBFBEF! important;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	width:40px !important;
	height:22px !important;
	cursor:pointer;
	color:#000000;
	text-align:center;
}

/* FIN ROTATION IMAGE */


/* DEBUT SLIDER PREMIERE PAGE */

.dg-container{
	width: 100%;
	height: 400px;
	position: relative;
}
.dg-wrapper{
	width: 337px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 960px;
	-moz-perspective: 960px;
	-o-perspective: 960px;
	-ms-perspective: 960px;
	perspective: 960px;
}
.dg-wrapper a{
	width: 337px;
	height: 300px;
	display: block;
	position: absolute;
	left: 0;
	margin-top: -30px;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
	padding: 41px 0px 0px 1px;
}
.dg-wrapper a div{
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div{
	display: block;
}

.dg-container nav{
	
width: 58px;
	
position: absolute;
	
z-index: 1000;
	
bottom: 75px;
	
left: 50%;
	
margin-left: -29px;
}


.dg-container nav span{
	
text-indent: -9000px;
	
float: left;
	
cursor:pointer;
	
width: 24px;
	
height: 25px;
	
opacity: 0.9;
	
background: transparent url(../img/arrows.png) no-repeat top left;
}

.dg-container nav span:hover{
	opacity: 1;
}

.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}

-->