*{
	padding:0px;
	margin:0px;
}

html{

	}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#1D2024;
margin:auto;
background: url("../images/body.jpg") repeat-y scroll center top #c5c5c5;	
}

a{
outline:none;
text-decoration:none;	
display:block;
}

p{
line-height:20px;		
}

h1{
	
}

h2{
    color: #196AB9;
    font-size: 16px;
    font-weight: normal;
}

li{
list-style:none;	
	}
	
img{
border:none;	
	}	


#global {
    background: url("../images/bull.png") repeat scroll center top transparent;
    float: left;
    height: 100%;
    margin: auto;
    width: 100%;
}


header{
	width:100%;
	height:195px;	
	float:left;
	background:url(../images/header.png) repeat-x;	
	}
	
#main{
	width:100%;
	float:left;
	min-height: 400px;
	}
	
footer,#footer{
	width:100%;
	height:60px;	
	overflow:hidden;
	float:left;
	background-color:#101515;
	border-top:1px solid #3387c3;
	}	
	
#header_content{
	width:100%;
	float:left;
	height:100%;	
}

#header_content_top{
	background:url(../images/header_content_top.png) repeat-x;	
	width:100%;
	float:left;
	height:42px;
	border-bottom:3px solid #1c5e8f; 
}

#header_content_top_container{
	width:974px;
	margin:auto;
}

#header_content_top_container a{
	float:right;
	color:#e9e9e9;
	margin:15px 6px 0 0;
}

#header_content_bottom{
	width:974px;
	margin:auto;
}

#main_content{
	width:974px;
	margin:10px auto 20px;
	
    height:auto; 
    height:100%; 
    min-height:100%; 
    overflow:hidden;
}

#footer_content{
width:974px;
height:59px;
margin:auto;
padding-top:15px;
	}		
	
#logo {
	background:url(../images/logo.png) no-repeat;	
    display: block;
    float: left;
    height: 140px;
    width: 400px;
}

#logo a {
    height: 140px;
    text-indent: -300em;
    width: 400px;
}	

#menu{
float:left;
width:970px;	
height:25px;
margin-top:20px;
	}	
	

#menu li{
height:25px;
margin-left:80px;
float:left;
}	

#menu li a{
height:25px;
color:#1D2024;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

#menu li a:hover,.active{
background: url("../images/puce_li_top.png") no-repeat scroll center 20px transparent;	
color:#009bd8 !important;
}

#first{
margin:0px !important;
float:left !important;
	}

#last{
margin:0px !important;	
float:right !important;
	}	

.menu_background{
float:left;	
width:971px;
height:12px;	

background: #009bd8; 
	}
	

.htmlcaption_content{
width:100%;
height:100%;
float:left;
position:relative;
	}
	
.htmlcaption_content h3{
font-size:30px;
font-family: 'eurostilesctregular';
color:#fff;
text-transform:uppercase;
	}	
	
.htmlcaption_content a{
font-family: 'eurostilesctregular';	
font-size:13px;
position:absolute;
bottom:0px;
right:0px;
color:#fff;
text-transform:uppercase;
border:none !important;
	}		
	
#second_bar{
	margin-bottom:25px;
	-webkit-box-shadow: 0 10px 5px 0 #b9baba;
    -moz-box-shadow: 0 10px 5px 0 #b9baba;
    box-shadow: 0 10px 5px 0 #b9baba;
}	

#accueil_content{
float:left;
width:100%;	
margin-top: 30px;
	}
	
#accueil_presentation{
float:left;
width:100%;
min-height: 320px;	
	}	
	
.main_content_body{
float:left;
width:100%;
	}	
	
.main_content_body h1{
margin-top:10px;
	}	
	
.accueil_content_div{
float:left;
width:284px;	
margin-right: 60px;
	}
	
.accueil_content_div h3,#accueil_présentation h3{
font-size:18px;
color:#1d2024;
font-weight:normal;
	}	
	
#accueil_presentation h2{
	font-size:16px;
    color: #196AB9;
	font-weight:normal;
	}	
	
#main_content h1{
    border-bottom: 2px solid #009BD8;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 10px;
	}
	
#main_content p{
margin-bottom:10px;
	}			
		

.accueil_content_div h5{
font-size:11px;
font-weight:normal;	
	}	

.accueil_content_div img{
border:1px solid #d3d1d1;
margin:10px 0;
	}	
	
.accueil_content_div a{
color:#3383c0;
margin-top:5px;
font-weight:bold;
	}	
	
#accueil_content_div_last{
float:right !important;
margin-right:0px !important;	
	}
	

#footer_content img {
    padding-top: 10px;
}


#footer_content span {
    color: #3383C0;
    font-size: 12px;
    text-decoration: none;
}

#footer_content p{
float:right;	
font-size: 13px;
color: #23bbea;
margin-top: 5px;
width:430px;
	}
	
#video_content{
width:100%;
float:left;	
margin: 30px 0;
text-align:center;
	}	
	
	
	
#contact_left {
    float: left;
    width:500px;
	margin-top:30px;
	position:relative;
	
}

#contact_left div{
float:left;
width:100%;	
	}
	
#contact_left label{
float:left;
width:120px;
padding-top:5px;
color:#3E83C6;
font-weight:bold;	
	}	

#contact_right {
    background: url("../images/logo.png") no-repeat scroll -132px 160px transparent;
    float: right;
    height: 310px;
    margin-top: 30px;
    width: 400px;
}

#contact_right p span{
 font-weight:bold;
}

.champ {
    background-repeat: no-repeat;
    border: 1px solid #3E83C6;
    color: #1D2024;
    float: left;
    font-size: 12px;
    height: 30px;
    margin: 0 0 16px;
    padding-left: 4px;
    width: 340px;
}

#chmessage {
    height: 101px;
    overflow: auto;
    padding-left: 4px;
    width: 340px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1D2024;
	padding-top: 5px;
}

#button {
    background-color: #3E83C6;
    border: medium none;
    clear: left;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 26px;
	position:absolute;
	top:260px;
	right:10px;
    width: 100px;
	margin:15px 24px 0;	
}

#contact_right a {
color:#363636;
text-decoration:none;
font-weight: bold;
}

#contact_right a:hover{
text-decoration:underline;	
	}
		
	
#contact_right iframe{
margin-top:20px;
border: 2px solid #3E83C6;	
	}			
	
#coordonee p strong{
display:block;
color:#3E83C6;
	}	
	
#coordonee h3{
font-size:20px;
color:#1d2024;
margin-bottom:10px;
	}		

	
	
/*** Espace **/		
#espace {
	background:url(../images/espace_client.png) no-repeat;	
    display: block;
    float: right;
    height: 45px;
    width: 184px;
}

#espace a {
    height: 45px;
    text-indent: -300em;
    width: 184px;
}

#wrapper{
background:url(../images/animation1.jpg) no-repeat;		
	}
	
#img_right{
float:right;	
margin-left: 20px;
border:2px solid #666;
	}
	
#footer_content p a{
color:#23bbea;
display:inline;
	}	
	
#footer_content p a:hover{
text-decoration:underline;
	}		
	
	
#tel_num a{
display:inline;
font-weight: bold;	
	}	



#tel_num_footer{
float:left;	
width:500px;
color: #23BBEA;
font-size: 13px;
font-weight:bold;
margin-top:7px;
	}
	
#tel_num_footer span{
float:left;	
color:inherit;
font-size:inherit;
	}
	
#tel_num_footer a{
	float:left;	
	display:inline;
    color: #23BBEA;
    font-size: 13px;
	margin:0 5px;
	}		

	
/*** Meteo ***/	
.weatherFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin:20px 0;
	width: 280px;
	float:left;
	border:2px solid #009BD8;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover {
	color: #000;
	text-decoration: none;
}
.weatherItem {
	padding: 0.8em;
	text-align: right;
}
.weatherCity { text-transform: uppercase; }
.weatherTemp {
	font-size: 2.8em;
	font-weight: bold;
}
.weatherDesc, .weatherCity, .weatherForecastDay  { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; }
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 0.8em; }
.weatherLink, .weatherForecastItem {
	margin-top: 0.5em;
	text-align: left;
}
.weatherForecastItem {
	padding: 0.5em 0.5em 0.5em 80px;
	background-color: #fff;
	background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; }

.odd { background-color: #e8e8fc; }
.even { background-color: #d4d4e8; }

.weatherLink{
display:none;	
	}
	
#weatherList ul li,#weatherList span,#weatherList ul li small{
display:none;
	}
	
#weatherList ul li:first-child{
display:block !important;
	}

#weatherList ul li a{
color:#1D2024;
font-size:16px;	
text-decoration:underline;
	}	
	
#weatherList ul li a:hover{
text-decoration:none;
	}	
	

#search{
    float: left;
    margin: 10px 0 0 100px;
    width: 850px;
	}
	
#search label{
    color: #3E83C6;
    font-weight: bold;
    padding-top: 5px;
    width: 120px;
	float:left;
	}	

	
#rechercher {
    background-color: #3E83C6;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 26px;
    width: 100px;
	float:left;	
}	

#weatherLocation {
    background-repeat: no-repeat;
    border: 1px solid #3E83C6;
    color: #1D2024;
    font-size: 12px;
    height: 24px;
    margin: 0 0 16px;
    padding-left: 4px;
    width: 240px;
	float:left;	
}

#weatherList{
float:left;	
color:red;
width:100%;
margin-top: 20px;
	}

/************/	
.ref{
width:100%;
float:left;	
margin:10px 0 20px 0;
	}
	
.ref_logo{
float:left;
width:250px;	
height:180px;
border:3px solid #009BD8;
	}
	
.center{
margin:0 90px;	
	}	
	
.ref_logo2{
float:left;
width:250px;	
height:111px;
border:3px solid #009BD8;
	}
	
#shell{
	background:url(../images/references/shell.jpg) no-repeat;	
	}	

#carrefour{
	background:url(../images/references/carrefour.jpg) no-repeat;	
	}	


#total{
	background:url(../images/references/total.jpg) no-repeat;	
	}

#petrom{
	background:url(../images/references/petrom.jpg) no-repeat;	
	}

#carrefour-market{
	background:url(../images/references/carrefour-market.png) no-repeat;	
	}

#cmh{
	background:url(../images/references/cmh.png) no-repeat;	
	}

#marjane{
	background:url(../images/references/marjane.png) no-repeat;	
	}

#atacadao{
	background:url(../images/references/atacadao.jpg) no-repeat;	
	}

#acima{
	background:url(../images/references/acima.jpg) no-repeat;	
	}

.meteo_content{
    margin: 30px auto;
    /* *width: 750px;*/
	height:270px;
	}

.meteo_container{
    background-color: #FFFFFF;
    border: 2px solid #009BD8;
    float: left;
    height: 245px;
    overflow: hidden;
    padding: 10px 0;
	margin-right: 90px;
	}	
	
.meteo_center{
margin:0 100px;	
	}	
	
.meteo_container div {
border:none !important;	
	}	
	
.meteo_container span,.meteo_container span a{
color:#1D2024 !important;
text-decoration:none !important;
font-weight:bold;
	}
	
.meteo_container span{
margin-top:10px;
	}		
	
.last{
margin:0 !important;	
	}			
	
#accueil_presentation p{
font-weight:bold;	
	}	
	
#accueil_presentation p strong{
color:#009BD8 ;
	}	
	
#plan{
margin-top:20px;	
	}		
		
#plan li{
list-style:disc;
margin:10px 0 0 20px;
padding-left:10px;

}

#plan li a{
color:inherit;
text-decoration:none;
}

#plan li a:HOVER{
color:inherit;

text-decoration:underline;
}

#oc{
    background: url("../images/og.png") no-repeat scroll right 0 transparent;
    float: right;
    height: 35px;
	color:#E52B56 !important;
    padding: 0 40px 0 3px;
	text-decoration:none !important;
}