/* CSS RESET éà */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#000;
}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
#body-container, #header, #columns, #left_column, #right_column, #avis-header, #avis-legal, #footer_text, #footer_img img, #footer_slogan{float:left;}

/* #####################
		TEMPLATE
   #####################*/


body{background:#fff}
.body-container{float:left; width:100%;}
.container{width:1140px; margin:auto;}
.errorHighlight{border: solid 1px #d82424!important}

.header_container{margin-top: -142px;}
#header{background:url(../images/bg-header.png) repeat-x center bottom #fff; width:1140px; z-index:1; position:relative; height: 142px;}
#header img{float:left;}
#header p{width:384px; float:right; padding:10px 10px 9px 51px; background:url(../images/bg-p-header.png) no-repeat left center #d3d3d3; font-weight:400; font-size:23px; color:#6d6d6d;}
#header p span{font-weight:700;}
nav{width:810px; float:left; z-index:50; position:relative; margin-top: 101px;}
nav ul{float:left; list-style:none;}
nav ul li{float:left;}
nav ul li a:link, nav ul li a:visited{background:none; color:#fff; display:block; float:left; padding:11px 17px; text-decoration:none; font-weight:700; text-transform:uppercase;}
nav ul li a:hover, nav ul li a:active{background:url(../images/bg-nav.png) repeat-x; font-weight:700; }
.home_actif, .plan_actif, .protection_actif, .contact_actif {color:#CCC!important;}

.big-photo-container{width:100%; float:left; background:url(../images/bg-carre.png); z-index:40; position:relative;}
.ciel{width:1140px; background:url(../images/ciel.jpg) no-repeat center top; height:305px;}
.h1-box{width:500px; margin:82px 0px 0px 56px; padding:27px ; background:#fff; float:left;}
.h1-box h1{font-weight:700; color:#021a49; font-size:39px; line-height:38px; text-transform:uppercase; float:left;}
.h1-box h1 span{font-size:17px; font-weight:700; }
.smaller-h1{font-size:36px!important;}
.smaller-h1-span{font-size:16px!important;}
.smallest-h1{font-size:30px!important; line-height:26px!important}
.h1-box a{float:right;}
.btn-noir{-webkit-border-radius: 15px; border-radius: 15px; background:#000; color:#fff; text-transform:uppercase; padding:8px 15px; text-align:center; text-decoration:none;}
#slider{height:405px; width:520px; float:right; z-index:20; position:relative; margin-top:-100px;}
#addthis{margin-bottom:15px;}

.main_container{background:url(../images/bg-main-content.png) repeat-x center top #fff; padding-top:40px; }
.columns {width:1055px; background:#fff; padding:40px 25px 40px 60px; float:left;}
.left_column{width:613px; float:left;}
.left_column h2{color:#292929; font-size:32px; font-weight:700; margin-bottom:20px; font-weight:700; width:613px;}
.left_column img{float:left; margin:0 15px 15px 0}
.left_column p{font-size:13px; color:#292929; line-height:22px; margin-bottom:20px;}
.left_column p a{color:#004af1; font-size:18px;}
.left_column p span{font-size:20px;}

#right_column{width:368px; float:right;}
.info_clients{width:368px; float:left; background:#cbcbcb; padding:30px 0; text-align:center; margin-bottom:15px;}
.info_clients h4{font-size:21px; font-weight:700; margin-bottom:5px;}
.info_clients p{font-size:17px; margin-bottom:25px; font-weight:400;}
.info_clients p span{font-weight:700; font-size:23px; text-transform:uppercase;}

.services{width:284px; float:left; padding:40px 35px 40px; border:7px solid #cbcbcb;}
.services h3{font-size:25px; text-transform:uppercase; font-weight:700; color:#292929; margin-bottom:20px;}
.services ul{margin-bottom:45px; margin-left:25px; list-style:url(../images/puce.png); color:#292929;}
.services ul li{font-size:17px; color:#292929; margin-bottom:24px; list-style:url(../images/puce.png);}

.keywords{width:1055px; border-top:5px solid #cbcbcb; border-bottom:5px solid #cbcbcb; padding:33px 0; float:left;}
.keywords img{float:left; margin-right:25px;}
.keywords p{font-size:14px; line-height:22px; margin-bottom:25px;}
.keywords p span{font-size:21px; line-height:35px;}

#infinite-adsense{width:100%; float:left;}
#adsense{width:970px; margin:15px auto;}


.legal_container{padding:30px 0px;}
.legal_container .columns {float:left; width:1090px; background:#fff; padding:35px 25px;}
.legal_h1 h1, .forfait_border h3, .forfait_border h6, .forfait_border p{margin-bottom:15px; line-height:20px;}
#avis-legal{width:920px; padding:20px; background:#fff; line-height:18px; font-size:12px;}
#avis-header{width:920px; padding:20px; background:#fff; text-align:center; font-size:25px; font-weight:bold; margin:20px 0;}


/*Section par défaut*/
/*Section Contact*/
/*
	#fox - Est l'id du div contenant le formulaire
	#intact - Est l'id du div contenant les coordonnées à droite
*/
#fox{width:435px; float:left; background:#d6d6d6; padding:15px;}
#fox h3{font-size:38px; margin-bottom:25px;}
#fox input{width:262px; height:33px; border:1px solid #898989; background:#fff; margin-bottom:13px;}
#fox textarea{width:258px; height:135px; border:1px solid #898989; background:#fff; margin-bottom:15px;}
#fox input[type=submit]{width:100px; background:#454545; padding:10px 15px; color:#fff; float:right; padding-top:8px;}
#fox label{float:left; width:170px;}

#intact{margin-left:15px; width:366px; border:2px solid #d6d6d6; padding:15px; float:left;}
#intact h3{margin-bottom:10px; font-size:18px; color:#3a3a3a;}
#intact p{font-size:13px; line-height:21px; color:#666; font-weight:bold; margin-bottom:10px;}
input[type=submit]{cursor:pointer;}
/*Fin section contact*/
/*Fin section par défaut*/


#footer_box{background:#000; color:#fff; width:100%; float:left; padding:0 0px 35px 0px; margin:10px 0 0 0}
#footer_box footer{margin:auto; width: 1140px; text-align: center; color: #fff; font-size: 12px}
#footer_text{text-align: left; width: 650px; line-height: 22px; color:#fff;  margin: 10px 0 0 0; float:left;}
#footer_text a{color: #fff}
#footer_img{float: right; width: 170px; margin-top:20px;}
#footer_img img{margin: 0 12px 0 0;}
#footer_slogan{width: 170px; text-align: left; margin: 6px 0 0 0; font-size: 11px;color:#fff; }
#footer_slogan a{color: #ddd; text-decoration: none}



/*Page d'installation*/
div.install-page{margin:auto;width:250px;margin-top:25px;}
form#install_form{float:left; width:210px;}
form#install_form label, form#install_form input{display:block;width:100%;float:left; margin-bottom:7px;}
form#install_form input{width:200px;}
form#install_form select{display:block;float:left;width:200px;}
form#install_form input[type="submit"]{margin-top:15px;}