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

html,body{
	margin:0;
	padding:0;
	height:100%;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

body{
	background-color:#e85f29;
	background-image:url(../images/gradient-bg.jpg); background-repeat:no-repeat; background-position:top center;	
}

#container{
	position:relative;
	width:1000px; height:100%;
	min-height:100%;
	margin:0 auto;	
}

#langswitcher{
	position:absolute; top:0px; right:0px; z-index:999;
	width:135px; height:30px; 
	background-image:url(../images/btn-lang.png); 
	text-align:center; line-height:30px;
}

#langswitcher a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#fff; text-decoration:none;
}

#langswitcher a:hover{
	color:#CCC;
}

/* #################################################################################################################################################### */

#top-logo{
	position:relative;
	width:1000px; height:100px;
	text-align:center;	
}

/* #################################################################################################################################################### */

#menu-container{
	position:relative;
	width:1000px; height:95px;
	background-image:url(../images/menubg.png);	
}

#menudiv166-mr2{
	float:left; width:166px; height:95px; margin-right:2px;
}

#menudiv164-mr3{
	float:left; width:164px; height:95px; margin-right:3px;
}

#menudiv164{
	float:left; width:164px; height:95px;
}

#window-box-accueil{
	position:relative;
	width:1000px; height:385px; margin-bottom:15px;	
}

#window-box{
	position:relative;
	width:1000px; height:385px; margin-bottom:15px;	
}

/* #################################################################################################################################################### */

.phonebox{position:relative; width:100%; background-color:#e85f29; padding:10px 0; text-align:center;}
.phonebox a{color:#fff; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

.menumobile{display:none; position:fixed; top:0; padding:5px 2%; width:96%; height:45px; background-color:#e85f29; z-index:9999999;}

.menumobile .left{position:relative; float:left; width:50%;}
.menumobile .left .toplogomobile img{height:45px;}

.menumobile .right{float:right; margin:5px;}
.menumobile .right .menumobileicon{}

/* #################################################################################################################################################### */

.mobile-window{display:none; position:relative; width:100%; margin-top:55px;}
.win1, .main1{display:block;}
.win2, .main2{display:none;}

/* #################################################################################################################################################### */

#content{
	position:relative;
	width:1000px; height:auto;
	background-image:url(../images/main-content-bg.jpg); background-repeat:repeat-y;	
}

#content-100p{
	float:left; width:1000px; height:auto;	
}

#content-100p p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:10pt;
}

#content-100p-innerpad{
	width:980px; padding:10px;	
}

#content-lc{
	float:left; width:300px; height:auto;
	background-image:url(../images/main-top-grad-bg.png); background-repeat:repeat-x; background-position:top;	
}

#content-lc-innerpad{
	width:280px; padding:10px;	
}

#content-lc h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:14pt;
}

#content-rc{
	float:left; width:700px; height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:10pt;
}

#content-rc-innerpad{
	width:680px; padding:10px;	
}

#content-rc h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:14pt;	
}

#content-rc p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:10pt;
}

#h1div{
	position:relative;
	width:680px; height:30px; padding:10px;
	background-color:#454444; background-image:url(../images/main-top-grad-bg.png); background-repeat:repeat-x; background-position:top;
}

#h1div h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:14pt;
}

#h1div-100p{
	position:relative;
	width:980px; height:30px; padding:10px;
	background-color:#454444; background-image:url(../images/main-top-grad-bg.png); background-repeat:repeat-x; background-position:top;
}

#h1div-100p h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:14pt;
	line-height:20px;
}

#subcontent-lc{
	float:left; margin-right:10px; width:207px;
}

#subcontent-rc{
	float:left; width:463px;	
}

#boxService{
	width:100%; margin-bottom:20px;	
}

.imgBoxService{
	float:left; border:2px solid #000; margin-right:10px; width:280px;
}

#boxService-text{
	float:left; width:620px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:10pt;	
}

#boxService-text h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:14pt;	
}


/* #################################################################################################################################################### */

#bottom{
	position:relative;
	width:1000px; height:165px;
}

#bottom-lc{
	float:left; width:auto; height:auto; margin-top:15px;
}

#bottom-lc a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:10pt;
	margin-right:5px;
	text-decoration:none;
}

#bottom-lc a:hover{
	color:#CCC;	
}

#bottom-rc{
	float:right; width:auto; height:auto;
	text-align:center;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:10pt;
}





/* #################################################################################################################################################### */

#clear{
	clear:both;	
}