﻿html{
overflow-x: scroll;
}
body {height:100%;margin:0px;
min-width:1480px;/*below that and the property above(overflow-x) takes effect*/

}

@font-face{
	font-family:"HelveticaNeueW02-77BdCn 694066";
	src:url(/sites/all/themes/custom/totalv2/assets/fonts/fonts.net/latin/77cb0adc-646b-4830-8f4c-3db7adbb8dc4.eot?#iefix);
	src:url(/sites/all/themes/custom/totalv2/assets/fonts/fonts.net/latin/77cb0adc-646b-4830-8f4c-3db7adbb8dc4.eot?#iefix) format("eot"),
	url(fonts/631bf655-ced5-4627-93d4-89d1bdfe3014.woff) format("woff"),/*celle qu'on utilise vraiment, les autre faut les télécharger*/
	url(/sites/all/themes/custom/totalv2/assets/fonts/fonts.net/latin/96740819-d387-437f-b739-9778ddc5e5b9.ttf) format("truetype"),
	url(/sites/all/themes/custom/totalv2/assets/fonts/fonts.net/latin/05729794-671d-4a73-a294-f2f447795319.svg#05729794-671d-4a73-a294-f2f447795319) format("svg");
}
@font-face {
	font-family: "HelveticaNeueW02-ThinCn 674417";
	src: url("/sites/all/themes/custom/totalv2/assets/fonts/fonts.net/latin/8acff6a8-fd9a-410f-ab79-524c05bcbfdf.eot?#iefix") format("eot"), 
	url("fonts/200b707d-2296-40cb-8b09-72cea5de16a8.woff") format("woff"), /*celle qu'on utilise vraiment, les autre faut les télécharger*/
	url("/sites/all/themes/custom/totalv2/assets/fonts/fonts.net/latin/03da5a22-5c82-4e1c-a197-f2e693da4b23.ttf") format("truetype"), 
	url("/sites/all/themes/custom/totalv2/assets/fonts/fonts.net/latin/2e0ad086-9c9d-4ce8-bf16-b9d0696755c9.svg#2e0ad086-9c9d-4ce8-bf16-b9d0696755c9") format("svg");
}
/*#header-old{
	text-align:right;	
	vertical-align:middle;
	overflow:auto;
	margin:0px; padding:0px;
}*/
#nav-menu{
color: #707173;
font-family:arial;
font-weight:bold;
font-size:0.8em;
}
#nav-menu a{
padding-right:10px;
padding-left:5px;
}
#nav-menu-leaf{
color:#df0c36;
font-style:italic;
padding-left:5px;}
a{
color: #707173;
text-decoration:none;
}
a:visited{
color: #707173;
}
a:hover{
text-decoration:underline;
}
#main-menu a:hover {
text-decoration:none;}
#right-col0 a:hover {
text-decoration:underline;}
#right-col00 a:hover {
text-decoration:underline;}
#right-col000 a:hover {
text-decoration:underline;}
#right-col1 a:hover {
text-decoration:underline;}
#right-col11 a:hover {
text-decoration:underline;}
#right-col111 a:hover {
text-decoration:underline;}
#right-col2 a:hover {
text-decoration:underline;}
#right-col22 a:hover {
text-decoration:underline;}
#right-col222 a:hover {
text-decoration:underline;}
#top-menu {
text-align:center;
display:inline-block;

width:60%;
height:40px;
line-height:40px;
vertical-align:middle;
direction:ltr;
text-transform:uppercase;
font-size: 13px;
font-family: Arial;
color: #707173;
letter-spacing: 0.01em;
font-weight:bold;
}



#top-menu ul li {
/*list-style-type: none;*/
padding:0px;
display:block;
float:right;
line-height:100%;
margin:0px 20px;
}


#search{
	/*padding:25px 0px 25px 0px;
		<---this need to know the text-line height in different browsers*/
	/*height:60px;*/
	line-height: 40px;
	vertical-align:middle;	
	/*background:#E0FFFF;*/
	text-align:right;
	width:60%;
	margin:auto;
    overflow:auto;
	/*margin:0px;*/ padding:0px;
}
#searchform{
display:inline-block;
float:right;
width:220px;
}
#search-icon {
	cursor:pointer;
	float:right;
	margin:10px 5px;
	/*display:block;*/	
	background:black;
}

#input-id {
	
}
/**/
#header {
            height:83px; background: linear-gradient(to right,#ffffff 50%,#e6e6e6 50%); direction:ltr;  
			margin:0px; padding:0px;
			/*border-style: solid;border-width: 1px; border-color:red;*/
}
#header-inner{
			height:83px; width:60%; background: url(http://www.total.com/sites/all/themes/custom/totalv2/assets/i/bg-header-960.png) repeat-y 0 0; direction:ltr;
			margin:0 20% 0 20%;
			/*border-style: solid;border-width: 1px; border-color:red;*/
}

#logo {
	float:left;	
	margin:10px 0px;
	/*background:green;*/
}


#menu-container {clear:both;
	height:58px;
	background:white;
	margin:0px; padding:0px;
	/*border-style: solid;border-width: 1px; border-color:red;*/
}
#menu-inner {
	width:60%; 
	height:58px;
	/*margin:0 20% 0 20%;
	margin:auto;*/
	margin:auto;
	line-height:58px;
	vertical-align:middle;
	padding:0px;
	/*border-style: solid;border-width: 1px; border-color:red; background:blue;*/
}
#main-menu {
display:block;
height:48px;width:42%;
float:left;
/*position:relative;
left:0px;
top:10px;*/
margin: 10px 0px 0px 0px;
padding:0px;
background:white;
text-transform:uppercase;
line-height:48px;
vertical-align:middle;

font-size:18px;
color:rgb(102,102,102);
font-family:"HelveticaNeueW02-77BdCn 694066";
}
#second-menu{
height:100%;width:55%;
text-align:right;
float:right;
padding:0px;
/*border-style: solid;border-width: 1px; border-color:red; */
}
#little-menu{
display:block;
float:left;
height:22px;width:100%;
/*position:relative;
right:0px;
top:0px;*/
padding:0px;
background:white;
text-transform:uppercase;
overflow:auto;

	font-family:Arial;
	font-size:12px;
	color:rgb(112,113,115);
}



#toolbar{
display:block;
position:relative;
height:26px;width:150px;
float:right;
clear:both;
right:0px;
bottom:0px;
top:10px;
/*position:relative;
right:0px;
bottom:2px;*/
padding:0px;
background:white;
text-transform:uppercase;
}
#toolbar li {
/*list-style-type: none;*/
padding:0px;
display:block;
float:right;
line-height:100%;
margin:0px 0px 0px 10px;
}
#main-menu  li {
/*list-style-type: none;*/
padding:0px 0px;
display:block;
float:left;
line-height:100%;
margin:0px 30px 0px 0px;
/*font-size:18px;
font-family: "HelveticaNeueW02-77BdCn 694066";
color: #666666;*/
}
#little-menu-li1 {
padding:0px 0px 0px 9px;
display:block;
float:right;
line-height:100%;
margin:0px 0px 0px 10px;
font-size:12;
background:url(images/nav-bar.png) repeat-y;
}
#little-menu-li2 {
padding:0px 0px 0px 9px;
display:block;
float:right;
line-height:100%;
margin:0px 0px 0px 10px;
font-size:12;
background:url(images/nav-bar.png) repeat-y;
}
#little-menu-li3 {
padding:0px 0px 0px 9px;
display:block;
float:right;
line-height:100%;
margin:0px 0px 0px 10px;
font-size:12;
background:url(images/nav-bar.png) repeat-y;
}
#little-menu-li4 {
padding:0px 0px 0px 9px;
display:block;
float:right;
line-height:100%;
margin:0px 0px 0px 10px;
font-size:12;
}
#main-menu ul{	
	display:inline-block;
	margin:0px;
    padding: 0px;	
	line-height:100%;
	vertical-align:bottom;
    list-style-type: none;
	overflow:hide;
}	  
#little-menu ul{
	margin:0px;
    padding: 0px;
    list-style-type: none;	
}	  
#toolbar ul{
	margin:0px;
    padding: 0px;
    list-style-type: none;
	overflow:hidden;
}	  
#blanc {
     height:48px; 	 
	 background: white;
	 clear:both;}
	 
#gris {
	height:8px; 
	background: rgba(0,0,0,0) linear-gradient(to right,#ffffff 30%,#e2e2e3 60%) repeat scroll 0 0; 
	clear:both;
}
h1,h2{
	/*you could add p to the above selector*/
	padding:0px;
	margin:0px;
}
#content {
/*height:2000px;*/
width:60%;
margin:auto;
} 
#overview-header{
text-align:left;
text-transform:uppercase;
color:#666;
font-family:arial;
padding-top:17px;
margin-bottom:15px;
line-height:1em;
font-weight:normal;
}
#overview-strong1{
color:#df0c36;
text-align:left;
text-transform:uppercase;
line-height:1em;
font-family:arial;
}
#first-p{
text-align:justify;
margin-bottom:26px;}
#first-p-strong{
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
line-height:1.23;
}
#first-overview-pane{
height:294px;
width:100%;
clear:both;
margin-bottom:26px;
overflow:hidden;
}
#second-overview-pane{
height:294px;
width:100%;
clear:both;
margin-bottom:26px;
overflow:hidden;
}
#third-overview-pane{
height:294px;
width:100%;
clear:both;
margin-bottom:26px;
overflow:hidden;
}
#first-overview-pane-left{
display:inline-block;
float:left;
height:100%;
width:50%;
background-color:yellow;
}
#second-overview-pane-left{
display:inline-block;
float:left;
height:100%;
width:50%;
background-color:yellow;
}
#third-overview-pane-left{
display:inline-block;
float:left;
height:100%;
width:50%;
background-color:yellow;
}
#first-overview-pane-right{
display:inline-block;
height:100%;
width:50%;
background-color:#df0c36;
color:#fff;
position:relative;
}

#second-overview-pane-right{
display:inline-block;
height:100%;
width:50%;
background-color:white;
color:#707173;
position:relative;
}
#third-overview-pane-right{
display:inline-block;
height:100%;
width:50%;
background-color:#df0c36;
}
#first-overview-pane-right p{
text-align:left;
line-height:22px;
font-size:16px;
margin:18px 0;
padding:0 15px 0 21px;
letter-spacing: 0.20px;
font-family: Arial;
}
#second-overview-pane-right p{
text-align:left;
line-height:22px;
font-size:16px;
margin:18px 0;
padding:0 15px 0 21px;
letter-spacing: 0.20px;
font-family: Arial;
}

#first-overview-pane-right h2{
text-align:left;
line-height:22px;
font-size:27px;
margin:18px 0 21px 0;
padding:5px 21px 16px 21px;
letter-spacing: 0.20px;
font-family: Arial;
font-weight:normal;
}
#second-overview-pane-right h2{
text-align:left;
line-height:22px;
font-size:27px;
margin:18px 0 21px 0;
padding:5px 21px 16px 21px;
letter-spacing: 0.20px;
font-family: Arial;
font-weight:normal;
}
#first-overview-pane-corner{
width:184px;
height:40px;
background-color:white;
line-height:40px;
text-align:center;
vertical-align:middle;
position:absolute;
right:0;
bottom:10px;
}
#first-overview-pane-corner a {
text-align:justify;
color:#df0c36;
padding-left: 22px;
text-decoration: none;
line-height:22px;
font-size: 17px;
font-weight:bold;
font-family: "HelveticaNeueW02-67MdCn 694060",Arial;
background:url(images/big-arrow-red.png);
background-repeat:no-repeat;
background-position:left;
}
#second-overview-pane-corner{
width:184px;
height:40px;
background-color:#df0c36;
line-height:40px;
text-align:center;
vertical-align:middle;
position:absolute;
right:0;
bottom:10px;
}
#second-overview-pane-corner a {
text-align:justify;
color:white;
padding-left: 22px;
text-decoration: none;
line-height:22px;
font-size: 17px;
font-weight:bold;
font-family: "HelveticaNeueW02-67MdCn 694060",Arial;
background:url(images/big-arrow-white.png);
background-repeat:no-repeat;
background-position:left;
}
#agenda-header{
line-height:62px;
font-size:60px;
text-transform:uppercase;
text-align:left;
color:#df0c36;
font-family:"HelveticaNeueW02-ThinCn 674417",Arial;
font-weight:normal;
margin-bottom:11px;
margin-top:30px;
}
#agenda-header2{
text-transform:uppercase;
color:#df0c36;
font-family:arial;
letter-spacing:0px;
}
#agenda-bloc1-span{
font-family:"HelveticaNeueW02-77BdCn 694066",Arial;
color:#808080;
font-size:1.1em;
margin-right:10px;
}
#agenda-bloc1{
color:#707173;
font-family:"HelveticaNeueW02-47LtCn 694048",Arial;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color: #8f8f8f;
padding:15px;
font-size:1.1em;
}
#detail1-header-div{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color: #8f8f8f;
margin-bottom:46px;
}
#detail1-header {
line-height:62px;
font-size:60px;
text-transform:uppercase;
text-align:left;
color:#df0c36;
font-family:Arial;
font-weight:normal;
margin-bottom:11px;
margin-top:30px;
}
#detail3-header {
line-height:62px;
font-size:60px;
text-transform:uppercase;
text-align:left;
color:#df0c36;
font-family:"HelveticaNeueW02-ThinCn 674417",Arial;
font-weight:normal;
margin-bottom:11px;
margin-top:30px;
}
#onglets-images-header {
line-height:200%;
font-size:200%;
text-transform:uppercase;
text-align:left;
color:#df0c36;
font-family:"HelveticadrrNeueW02-ThinCn 674417",Arial;
font-weight:bold;
margin-bottom:11px;
margin-top:30px;
}
#onglets-images-top{
width:100%;}
#detail3-slide{
width:100%;
max-width:960px;
margin:10px auto 0px auto;

transition:all 1.0s ease-in-out;
-webkit-transition:all 1.0s ease-in-out;
-moz-transition:all 1.0s ease-in-out;
-o-transition:all 1.0s ease-in-out;
}
#detail3-slide-screen{
width:960px;
height:473px;
max-width:960px;
margin:10px auto 0px auto;
overflow:hidden;
}
#detail3-slide-film{
width:2890px;
max-width:2890px;
margin:0px;
overflow:hidden;
transition:all 1.0s ease-in-out;
-webkit-transition:all 1.0s ease-in-out;
-moz-transition:all 1.0s ease-in-out;
-o-transition:all 1.0s ease-in-out;
}
#detail3-next-slide-div{
height:180px;
width:38px;
background:#df0c36 url(images/arrow-white-right.png) no-repeat center center;
cursor:pointer;
}
#detail3-previous-slide-div{
z-index:2;
left:0;
height:180px;
width:38px;
background:#df0c36 url(images/arrow-white-left.png) no-repeat center center;
cursor:pointer;
}

#onglets-images-header1-div{
display:inline-block;
width:60%;}
#onglets-images-ul-div{
display:inline-block;
width:39%;}
#onglets-images-ul{
list-style-type:none;
font-family:arial;
line-height:1.5em;
display:inline-block;
}
.onglets-images-li {
background-color:#ae9e98;
border-radius:50%;
display:inline-block;
margin-right:8px;
width:28px;
height:28px;
line-height:28px;
text-align:center;
}
.onglets-images-a{
border-radius:50%;
display:inline-block;
width:28px;
height:28px;
color:white;
cursor:pointer;
}
.onglets-images-a:visited{
color:white;
}
.onglets-images-a:hover{
text-decoration:none;
background-color:#df0c36;
}
#onglets-images-a1{
background-color:#df0c36;
}
.detail3-a{
background-color:#666666;
border-radius:50%;
display:inline-block;
margin-right:8px;
width:8px;
height:8px;
line-height:8px;
text-align:center;
cursor:pointer;
}
.detail3-a:visited{
color:white;
}
#detail3-a1{
background-color:red;
}
.detail3-a-div{
display:inline-block;
}
.detail3-a:hover{
background-color:red;
}
#detail3-ul-div{
width:100%;
text-align:center;}

#onglets-images-header1{
text-transform:uppercase;
text-align:left;
color:#df0c36;
font-family:"HelveticadrrNeueW02-ThinCn 674417",Arial;
font-size:0.8em;
font-weight:normal;
color: #EA2040;
border-bottom: solid 1px #EBE7E7;
}
#onglets-images-content-pane{
width:78.33%;
margin:auto;
}
#onglets-images-image-div{
width:78.33%;
max-width:752px;
margin:auto;}
#onglets-images-image{
width:100%;
height:auto;
margin:auto;}
#overview2-content-pane-left{
float:right;
width:72.72%;
height:100%;
}
#overview2-strong1{
color:#df0c36;
text-align:left;
text-transform:uppercase;
line-height:1.2em;
font-family:Arial;
/* It should be normal with the right font "font-weight:normal;"*/
font-size:0.6em;
}
#overview2-content-pane-left-bloc1-p{
text-align:justify;
margin-top:0px;
margin-bottom:0px;
color:#666;
font-family:arial;
font-size:12px;
}
.overview2-bloc-header{
background:url(images/streaks-line.png) right bottom repeat-x ;
margin-bottom:10px;
color:#666;
font-size:1.1em;
text-transform:uppercase;
}
#overview2-bloc-footer-a{
color:#df0c36;
padding-left:12px;
background:url(images/link-arrow-red.png) left 50% no-repeat;
font-family:arial;
font-size:0.8em;
}
.overview2-bloc-header-span{
font-family:arial;
padding-right:10px;
background-color:white;}
#overview2-content-pane-left-bloc1{
width:55%;

float:left;
margin-bottom:30px;
}
#overview2-content-pane-left-bloc2{
width:50%;
background-color:pink;
float:left;
margin-bottom:30px;
}
#overview2-content-pane-left-bloc3{
width:50%;
background-color:pink;
float:left;
margin-bottom:30px;
}
#detail1-content-pane-left{
float:left;
width:72.72%;
height:100%;
}
#index-content-pane-left{
padding-top:0px;
padding-bottom:30px;
float:left;
width:72.72%;
height:100%;
}
/**/
#overlay {
    position: fixed;
    display: none;
    width: 70%;
    height: 90%;
	margin:auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;    
}
#slider-main{	
	position:absolute;
    display:inline-block;
	width: 96%;
    height: 96%;		
	top:2%;
	left:2%;
    margin:auto;	
    /*background-color: rgba(100,100,50,0.5);*/
	background-color:white;
	border-radius:4px;
}	
#slider-core{
	position:absolute;
    display:inline-block;
	width: 96%;
    height: 96%;		
	top:2%;
	left:2%;
    margin:auto;	        	
}
#slider-top{
    display:block;
	width: 100%;
    height: 10%;		        		
	background-color:white;
	font-family:arial;
	color:#df0c36;
	text-transform:uppercase;
	font-size:0.7em;
	text-align:center;
}
#slider-top-header{	
	display:block;
	margin:auto;
	vertical-align:middle;
}
#slider-middle{	
    display:block;
	width: 100%;	
    height: 80%;		
	overflow:hidden;
    position:relative;
}
#slider-middle-image{	
    display:block;
	position:absolute;
	bottom:0;
	left:50%;
	margin:0 auto;
	margin-left:-480px;
}
#slider-bottom{	
    display:block;
	width: 100%;
    height: 10%;		        
	background-color:white;
}
#mediatheque-close{	
	float:right;
	margin-top:5px;
	width:37px;
	height:37px;
	max-width:37px;
	max-height:37px;
	background-image:url("images/mediatheque-close.png");	
	cursor:pointer;
}
#mediatheque-nav{
	margin-top:10px;	
	float:left;	
}
.nav-media-div{
	width:25px;
	height:25px;	
	display:inline-block;
	border-radius:50%;
	cursor:pointer;
	line-height:25px;
    text-align:center;
	margin:5px;
	border:solid 1px #707173;
	background-color:white;
}
.nav-media-text{
	float:right;
	height:25px;
	font-family:arial;	
	display:inline-block;
	line-height:25px;
    margin:5px;
	color:#707173;	
}
#prev-media{
	background:url(images/big-arrow-gray-left.png) no-repeat 45% 45%;	
}
#next-media{
	background:url(images/big-arrow-gray.png) no-repeat 55% 45%;	
}
#prev-media:hover{
	background:url(images/big-arrow-red-left.png) no-repeat 45% 45%;	
}
#next-media:hover{
	background:url(images/big-arrow-red.png) no-repeat 55% 45%;	
}
#media-count{
	color:#666666;	
	font-size:150%;
	font-weight:normal;
}
#media-count-span{
	color:#df0c36;
	font-family:arial;
	font-size:150%;	
}
#media-veil{
	display:flex;
	align-items:center;
	height: 100%; width: 100%;z-index:1;
	background-color: rgba(100,100,50,0.5);position:relative;top:-100%;	
}
.media-icon-video{
	height:70px;
	width:70px;
	margin:auto;
	background:url(images/picto-video.png) no-repeat 0 -24px; /*no-repeat 0 0 for picto-slider.png*/
}
.media-icon-photo{
	height:70px;
	width:70px;
	margin:auto;
	background:url(images/picto-slider.png) no-repeat 0 0; /*no-repeat 0 0 for picto-slider.png*/
}
.media-icon-doc{
	height:70px;
	width:70px;
	margin:auto;
	background:url(images/picto-doc.png) no-repeat 0 0; /*no-repeat 0 0 for picto-slider.png*/
}
#mediatheque-content-pane-1{
display:inline-block;
width:31%;
height:100%;
margin-right:3.5%;
}
#mediatheque-content-pane-2{
display:inline-block;
width:31%;
height:100%;
margin-right:3.5%;
}
#mediatheque-content-pane-3{
display:inline-block;
width:31%;
height:100%;
}
#mediatheque-content-pane-4{
display:inline-block;
width:31%;
height:100%;
margin-right:3.5%;
}
#mediatheque-content-pane-5{
display:inline-block;
width:31%;
height:100%;
margin-right:3.5%;
}
#mediatheque-content-pane-6{
display:inline-block;
width:31%;
height:100%;
}
/**/
#detail1-content-pane-right{
float:right;
width:24.37%;
height:100%;
}
#index-content-pane-right{
padding-top:0px;
padding-bottom:30px;
float:right;
width:24.37%;
height:100%;
}
#index-content-pane-right-div1-top{
position:relative;
margin-bottom:15px;
background-color:#f8f8f8;
}
#index-content-pane-left-div1-bottom{
position:relative;
}
#detail1-content-pane-right-div1-top{
height:226px;
background-color:blue;
}
#detail1-content-pane-left-div1-top{
height:226px;
background-color:blue;
}
#detail1-content-pane-right-div2-top{
height:226px;
background-color:blue;
}

#index-content-pane-right-corner1{
width:184px;
background-color:#df0c36;
color:white;
line-height:40px;
text-align:center;
vertical-align:middle;
position:absolute;
right:0;
bottom:10px;
}

#index-content-pane-right-corner1 a{
text-align:justify;
color:white;
padding-left: 22px;
text-decoration: none;
line-height:22px;
font-size: 17px;
font-weight:bold;
font-family: "HelveticaNeueW02-67MdCn 694060",Arial;
background:url(images/big-arrow-red.png);
background-repeat:no-repeat;
background-position:left;
}
#detail1-content-pane-right-div1-bottom{
height:191px;
background-color:#df0c36;
color:#fff;
margin-bottom:15px;
position:relative;
font-size:24px;
line-height:28px;
font-family:arial;
font-weight:normal;
padding-left:10px;
padding-right:10px;
}
#detail1-content-pane-left-div1-bottom{
height:191px;
background-color:#df0c36;
color:#fff;
margin-bottom:15px;
position:relative;
font-size:24px;
line-height:28px;
font-family:arial;
font-weight:normal;
padding-left:10px;
padding-right:10px;
}
#detail1-content-pane-right-div2-bottom{
height:191px;
background-color:#b10b36;
color:#fff;
margin-bottom:15px;
position:relative;
font-size:24px;
line-height:28px;
font-family:arial;
font-weight:normal;
padding-left:10px;
padding-right:10px;
}
#detail1-content-pane-right-div1-bottom p{
font-size:16px;
line-height:24px;
font-family:arial;
font-weight:normal;
letter-spacing:normal;
margin:0;
padding-top:5px;
}
#detail1-content-pane-right-div2-bottom p{
font-size:16px;
line-height:24px;
font-family:arial;
font-weight:normal;
letter-spacing:normal;
margin:0;
padding-top:5px;
}
#zzz{
padding-top:10px;
}
#detail1-content-pane-right-corner1{
width:184px;
height:40px;
background-color:white;
line-height:40px;
text-align:center;
vertical-align:middle;
position:absolute;
right:0;
bottom:10px;
}
#detail1-content-pane-right-corner2{
width:184px;
height:40px;
background-color:white;
line-height:40px;
text-align:center;
vertical-align:middle;
position:absolute;
right:0;
bottom:10px;
}
#detail1-content-pane-right-corner1 a{
text-align:justify;
color:#df0c36;
padding-left: 22px;
text-decoration: none;
line-height:22px;
font-size: 17px;
font-weight:bold;
font-family: "HelveticaNeueW02-67MdCn 694060",Arial;
background:url(images/big-arrow-red.png);
background-repeat:no-repeat;
background-position:left;
}
#detail1-content-pane-right-corner2 a{
text-align:justify;
color:#b10b36;
padding-left: 22px;
text-decoration: none;
line-height:22px;
font-size: 17px;
font-weight:bold;
font-family: "HelveticaNeueW02-67MdCn 694060",Arial;
background:url(images/big-arrow-red.png);
background-repeat:no-repeat;
background-position:left;
}
#detail1-main-image{
height:438px;
}
#detail1-header1{
letter-spacing:0.2px;
text-align:left;
text-transform:uppercase;
color:#666;
font-family:arial;
padding-top:14px;
margin-bottom:19px;
line-height:1em;
font-weight:normal;
}
#detail1-strong1{
color:#df0c36;
text-align:left;
text-transform:uppercase;
line-height:1em;
font-family:arial;
/* It should be normal with the right font "font-weight:normal;"*/
}
#detail1-header2{
letter-spacing:0.2px;
text-align:left;
text-transform:uppercase;
color:#666;
font-family:arial;
padding-top:14px;
margin-bottom:19px;
line-height:1em;
font-weight:normal;
}
#detail1-strong2{
color:#df0c36;
text-align:left;
text-transform:uppercase;
line-height:1em;
font-family:arial;
/* It should be normal with the right font "font-weight:normal;"*/
}
#detail1-header3{
letter-spacing:0.2px;
text-align:left;
text-transform:uppercase;
color:#666;
font-family:arial;
padding-top:14px;
margin-bottom:19px;
line-height:1em;
font-weight:normal;
}
#detail1-strong3{
color:#df0c36;
text-align:left;
text-transform:uppercase;
line-height:1em;
font-family:arial;
/* It should be normal with the right font "font-weight:normal;"*/
}
#detail1-image-p{
text-align:justify;
margin-bottom:30px;}
#detail1-image-p-strong{
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
line-height:22px;
}
#detail1-p1{
text-align:justify;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
}
#detail3-p1, #detail3-p2,#detail3-p3,#detail3-p4{
text-align:justify;
letter-spacing:0.2px;
line-height:140%;
font-size:16px;
color:#707173;
font-family:arial;
}
#detail3-p4{
padding:0px 15px;
text-align:justify;
letter-spacing:0.2px;
line-height:140%;
font-size:16px;
color:#707173;
font-family:arial;
}
#detail3-title{
padding-top:20px;
font-family:arial;
color:#666;
font-size:150%;
}
#detail1-p1-div{
margin-bottom:30px;
}
#detail1-p2{
text-align:justify;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
}
#detail1-p2-div{
margin-bottom:16px;
}
#detail1-p3{
text-align:justify;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
}
#detail1-p3-div{
margin-bottom:30px;
}
#detail1-p4{
text-align:justify;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
}
#detail1-p4-div{
margin-bottom:30px;
}
#image-in-paragraph-header{
letter-spacing:0.2px;
text-align:left;
text-transform:uppercase;
color:#666;
font-family:arial;
padding-top:14px;
margin-bottom:19px;
line-height:1em;
font-weight:normal;
}
#image-in-paragraph-strong{
color:#df0c36;
text-align:left;
text-transform:uppercase;
line-height:1em;
font-family:arial;
/* It should be normal with the right font "font-weight:normal;"*/
}
#image-in-paragraph-p1{
text-align:justify;
letter-spacing:0.2px;
font-size:16px;
line-height:140%;
color:#707173;
font-family:arial;
margin-bottom:30px;
}
#image-in-paragraph-p2{
text-align:justify;
letter-spacing:0.2px;
font-size:16px;
line-height:100%;
color:#707173;
font-family:arial;
margin-bottom:30px;
}
#zcontact-header-div{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color: #8f8f8f;
margin-bottom:46px;
}
#zcontact-header{
letter-spacing:0.2px;
text-align:left;
text-transform:uppercase;
color:#df0c36;
font-family:arial;
padding-top:14px;
margin-bottom:10px;
font-size:46px;
line-height:1em;
font-weight:normal;
}
#contact-label-male, #contact-label-female{
font-weight:bold;
float:right;
width:auto;
}
#contact-male{
margin-left:0;
}
#contact-message-div , #contact-nom-div, #contact-prenom-div, #contact-email-div, #contact-submit-div{
clear:both;
width:100%;
}
#contact-prenom, #contact-nom, #contact-message,#contact-email{
width:75%;
margin-top:0px;
margin-bottom:10px;
background-color:#e6e6e6;
color:#707173;
border:none;
float:right;
font-size:85%;
padding:2px 2px;
height:30px;
}
#contact-submit{
font-family:arial;
margin-top:20px;
background-color:#df0c36;
color:white;
float:right;
border-radius:10px;
}
#qualite-submit-a{
color:white;}
#qualite-submit-a:visited{
color:white;}
.contact-label{
font-family:arial;
color:#666666;
width:22%;
font-size:110%;
}
#required-fields{
font-size:11px;
color:#666666;
font-family:arial;
}
#detail1-ul1 {
font-family:arial;
font-size:16px;
line-height:22px;
letter-spacing:0.2px;
padding:0;
}
#detail1-ul1 li{
list-style-type:none;
background:url(images/big-arrow-red.png);
background-position:left 0.45em;
background-repeat:no-repeat;
text-indent:0px;
padding-left:20px;
}
#detail1-ul1 a{
text-decoration:underline;}

#bullets p {
padding-top:25px;
margin:0;}
.bullet-separator{
height:45px;
width:100%;
background-color:#f9f9f9;
}
.bullet-desc-content-separator {
}
.bullet-desc1{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc2{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc3{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc4{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc5{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc6{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc7{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc8{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc9{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc10{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc11{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc12{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border-bottom:solid 1px #666666;
padding-bottom:10px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-content-ul{
padding:0;
margin-bottom:0;
}
.bullet-content1 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content2 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content3 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content4 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content5 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content6 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content7 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content8 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content9 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content10 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content11 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-content12 {
display:none;
line-height:20px;
letter-spacing:0.2px;
font-size:16px;
color:#707173;
font-family:arial;
background-color:#f9f9f9;
}
.bullet-desc1::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc2::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc3::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc4::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc5::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc6::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc7::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc8::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc9::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc10::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc11::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc12::after {
	content: "+"; /*--*/
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	/*letter-spacing:-2px;*/
}
.bullet-desc-clicked1{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked2{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked3{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked4{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked5{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked6{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked7{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked8{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked9{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked10{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked11{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked12{
line-height:20px;
letter-spacing:0.2px;
font-size:28px;
color:#666666;
font-family:arial;
border:none;
padding-bottom:7px;
background-color:#f9f9f9;
position:relative;
	cursor:pointer;
}
.bullet-desc-clicked1::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked2::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked3::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked4::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked5::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked6::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked7::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked8::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked9::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked10::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked11::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-desc-clicked12::after {
content: "--"; 
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 30px;
    color: #e20031;
    font-weight: 700;
	letter-spacing:-2px;
}
.bullet-content-li{
list-style-type:none;
background:url(images/big-arrow-red.png);
background-position:left 0.45em;
background-repeat:no-repeat;
text-indent:0px;
padding-left:20px;
}
#site-map {
height:76px;
width:100%;
background-color:white;
}
#main {
	background:#E6E6FA;
	padding:0px;
	margin:0px;	
	width:66%;
	display:inline-block; /*This line alone causes div to flow vertically*/
	overflow:hidden;      /*This line alone causes div to flow vertically*/
	
	
}



#slider{	
	height:330px;	
	width:90%;
	margin:0% 5%;
	/* uncomment these instead for a large slider*/
	/*width:100%;*/
	/*margin:0px;*/
	padding:0px;
	background:#FFF8DC;
	overflow:hidden;
}
#footer{
    width:70%;
	margin:0 15%;
	text-align:center;
	line-height: 70px;
	vertical-align:middle;	
	padding:0px;
	clear:both;
	
}
#followus{
	display:block;
	text-align:center;
	background:#2f3338;
	padding:5px;
	clear:both;
	overflow:auto;

}
#copyright{
	text-align:center;
	background:#666;/*good!*/
	background:#2f3338;
	padding:0px;
	margin:0px;
	height:40px;
	line-height: 40px;
	vertical-align:middle;
	clear:both;
	/*color:#666;*/
	color:white;
	font-family:"HelveticaNeueW02-47LtCn 694048","Arial";
	
}
#copyright p{
display:inline-block;
padding:0px;
margin:0px;
border-top: 1px solid #bac;
font-size:12px;
}

#footer ul li {
list-style-type: none;
padding:0px;
display:block;
float:left;
line-height:28px;
margin:0px 10px;
}



#suivez {
display:inline-block;
height:60px;
line-height: 60px;
vertical-align:middle;
font-family:"HelveticaNeueW02-47LtCn 694048","Arial";
font-size:20px;
/*color:#666;*/
color:white;
}
#social-icons {
display:inline-block;
height:60px;
line-height: 60px;
text-align:center;
vertical-align:middle;
}

#social-icons ul{
padding:0px 0px 0px 15px;}


#backtotop {
background:url("images/backtotop2.png");
height:70px;
width:70px;
cursor:pointer;
position:fixed;
bottom:40px;
right:40px;
z-index:1;
}
#backtotop:hover {
    background: url("images/backtotop.png");	
}

.vvv {
display:none;
}
#ttmain-menu-li1:hover ~#main-menu-li2{
background-color:green;
}
#nav6{
display:none;
min-width:600px;
height:295px;width:60%; 
margin:auto;
vertical-align:middle;
padding:0px;	
color:rgb(102,102,102);
font-family:"HelveticaNeueW02-77BdCn 694066";
overflow:hidden;
}
#nav66{
display:none;
min-width:600px;
height:295px;width:60%; 
margin:auto;
vertical-align:middle;
padding:0px;	
color:rgb(102,102,102);
font-family:"HelveticaNeueW02-77BdCn 694066";
overflow:hidden;
}
#nav666{
display:none;
min-width:600px;
height:295px;width:60%; 
margin:auto;
vertical-align:middle;
padding:0px;	
color:rgb(102,102,102);
font-family:"HelveticaNeueW02-77BdCn 694066";
overflow:hidden;
}
#top-col {
background-color:yellow;
height:8px;
clear:both;
opacity:0;
}
#top-col00 {
background-color:yellow;
height:8px;
clear:both;
opacity:0;
}
#top-col000 {
background-color:yellow;
height:8px;
clear:both;
opacity:0;
}
#left-col{
float:left;
width:40%;
height:100%;
/*678:963;*/
background-color:white;
text-transform:none;
overflow:hidden;
}
#left-col00{
float:left;
width:40%;
height:100%;
/*678:963;*/
background-color:white;
text-transform:none;
overflow:hidden;
}
#left-col000{
float:left;
width:40%;
height:100%;
/*678:963;*/
background-color:white;
text-transform:none;
overflow:hidden;
}
/*
#left-444{
background-image:url(images/big-arrow-gray.png); 
background-repeat:no-repeat;
background-position:left .45em;
background-position:85% 50%;
}
*/
#left-22{
background-image:url(images/big-arrow-gray.png); 
background-repeat:no-repeat;
background-position:left .45em;
background-position:85% 50%;
}
/*
#left-33{
background-image:url(images/big-arrow-gray.png); 
background-repeat:no-repeat;
background-position:left .45em;
background-position:85% 50%;
}
#left-3{
background-image:url(images/big-arrow-gray.png); 
background-repeat:no-repeat;
background-position:left .45em;
background-position:85% 50%;
}
*/
#left-col li {
padding:18px 20px;
font-size:24px;
width:100%;
font-family: "HelveticaNeueW02-ThinCn 674417";
}
#left-col00 li {
padding:18px 20px;
font-size:24px;
width:100%;
font-family: "HelveticaNeueW02-ThinCn 674417";
}
#left-col000 li {
padding:18px 20px;
font-size:24px;
width:100%;
font-family: "HelveticaNeueW02-ThinCn 674417";
}
#left-col ul {
height:100%;
overflow:hidden;}
#left-col00 ul {
height:100%;
overflow:hidden;}
#left-col000 ul {
height:100%;
overflow:hidden;}
#right-col1{
display:block;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col11{
display:none;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col111{
display:block;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col1   a{
color:#df0c36;
}
#right-col11   a{
color:#df0c36;
}
#right-col111  a{
color:#df0c36;
}
#right-col1 li{
display:block;
clear:both;
position :relative;
float:left;
padding:12px 14px;
font-family:arial;
font-size:14px;
}
#right-col11 li{
display:block;
clear:both;
position :relative;
float:left;
padding:12px 14px;
font-family:arial;
font-size:14px;
}
#right-col111 li{
display:block;
clear:both;
position :relative;
float:left;
padding:12px 14px;
font-family:arial;
font-size:14px;
}
#right-col2{
display:none;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col22{
display:none;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col222{
display:none;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col2   a{
color:#df0c36;
}
#right-col22   a{
color:#df0c36;
}
#right-col222   a{
color:#df0c36;
}
#right-col333   a{
color:#df0c36;
}
#right-col2 li{
display:block;
clear:both;
position :relative;
float:left;
padding:12px 14px;
font-family:arial;
font-size:14px;
}
#right-col22 li{
display:block;
clear:both;
position :relative;
float:left;
padding:12px 14px;
font-family:arial;
font-size:14px;
}
#right-col222 li{
display:block;
clear:both;
position :relative;
float:left;
padding:12px 14px;
font-family:arial;
font-size:14px;
}
#right-col333 li{
display:block;
clear:both;
position :relative;
float:left;
padding:12px 14px;
font-family:arial;
font-size:14px;
}
#right-col0{
display:none;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col00{
display:block;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col000{
display:none;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#right-col333{
display:none;
float:right;
width:60%;
height:100%;
background-color:#f8f8f8;
overflow:hidden;
}
#left-1:hover  {
background-color:#f8f8f8;
}
#left-2:hover  {
background-color:#f8f8f8;
}
#left-3:hover  {
background-color:#f8f8f8;
}
#left-4:hover  {
background-color:#f8f8f8;
}
#left-11:hover  {
background-color:#f8f8f8;
}
#left-22:hover  {
background-color:#f8f8f8;
}
#left-33:hover  {
background-color:#f8f8f8;
}
#left-44:hover  {
background-color:#f8f8f8;
}
#left-111:hover  {
background-color:#f8f8f8;
}
#left-222:hover  {
background-color:#f8f8f8;
}
#left-333:hover  {
background-color:#f8f8f8;
}
#left-444:hover  {
background-color:#f8f8f8;
}
#contentbody{
height:602;
width:60%;
margin:auto;
}
#contentbody h2 {
padding:0;
padding-top:10px;
font-family:Century Gothic;
color:#333;
font-size:14px;
}
#contentbody h1 {
margin:0;
padding:0;
padding-bottom:10px;
margin-top:30px;
font-family:Century Gothic;
color:#ed0000;
font-size:2em;
border-bottom: dashed 1px #ccc;
}

#contentbody p {
font-family:Arial, Helvetica;
font-size:75%;
}
#bottom-menu{
position:relative;
margin:0;
padding:0;
width:70%;
height:300px;
background-color:#eee;
margin:auto;
overflow:hidden;
}
#bottom-menu1  {
position:absolute;
top:0;
height:100%;
display:inline-block;
margin:0;
padding:0;
padding-top:15px;
padding-left:15px;
width:25%;}
#bottom-menu2  {
position:absolute;
top:0;
left:25%;
display:inline-block;
margin:0;
padding:0;
padding-top:15px;
width:25%;}
#bottom-menu3  {
position:absolute;
top:0;
left:50%;
display:inline-block;
margin:0;
padding:0;
padding-top:15px;
width:25%;}
#bottom-menu4  {
position:absolute;
top:0;
left:75%;
display:inline-block;
margin:0;
padding:0;
padding-top:15px;
width:25%;}
#bottom-menu li {
    display:list-item;
    list-style-type: none; /* on annule la puce par défaut */		
    background-image:  url(images/arrow-red.png);
	background-position:left 0.45em;
    background-repeat: no-repeat; /* on annule la répétition par défaut */    
	margin-bottom: 0px;
	text-indent:-20px;
	padding-left:20px;
}

#bottom-menu ul {
margin-top:10px;
padding:0;
}
.bottom-2 {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.2px;
color:#666;
padding-left:20px;
font-family:Arial;}
.bottom-3{
font-size: 14px;
line-height: 22px;
letter-spacing: 0.2px;
color:#666;
padding-left:20px;
font-family:Arial;}

.bottom-4 {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.2px;
color:#666;
padding-left:20px;
font-family:Arial;}
#bottom-menu1-header {
    text-transform: uppercase;
    font-weight: bold;
    color: #df0c36;
    line-height: 22px;
    letter-spacing: 0.2px;
	font-family:Arial;
	font-size:14px;
}
#bottom-menu2-header {
    text-transform: uppercase;
    font-weight: bold;
    color: #df0c36;
    line-height: 22px;
    letter-spacing: 0.2px;
	font-family:Arial;
	font-size:14px;
}
#bottom-menu3-header {
    text-transform: uppercase;
    font-weight: bold;
    color: #df0c36;
    line-height: 22px;
    letter-spacing: 0.2px;
	font-family:Arial;
	font-size:14px;
}
#bottom-menu4-header {
    text-transform: uppercase;
    font-weight: bold;
    color: #df0c36;
    line-height: 22px;
    letter-spacing: 0.2px;
	font-family:Arial;
	font-size:14px;
}
