/* 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:Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
}
div {
	float:left;
	position:relative;
}
img {
 	display:block;
	float:left;
	position:relative;
}
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;
}


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

body {background:url(images/img-bg.jpg) no-repeat top center #010810; font-size:12px;}
p { padding:10px; font-size:12px; }
h1 {font-size:28px; margin-bottom:20px; }
.plusPetith1 {font-size:18px; }
#container {width: 880px; margin: auto; float:none;}
.floatRight { float:right;}

.texteOrange{ color:#f7c860; text-transform: uppercase; font-weight: bold}
.texteOrangeMoyen{ color:#ffaf00;}
.texteOrangeFort{ color:#ee7800;}

.plusGrosTexte{ font-size:16px;}
.plusPetitTexte{ font-size:10px;}
.gras{ font-weight:bold;}
#header {min-height: 250px;}
#forfaits { width: 100%}
#forfaits img {margin-right:9px;}
#forfaits #services {margin-right:0;}

#logos {float: left; height: 128px; margin-bottom: 10px}

#coordonnes {float:right; width:232px; height:128px; background-color:#2474ad; margin-bottom: 10px}
#coordonnes p { color:#FFF; text-align:right;  }
#coordonnes a { color:#ee7800; }
#columns {}

#menu {  height:30px; background: #1865bc; border-top: 1px solid #071322;}
#menu li { background:url(images/puce.jpg) #1865bc no-repeat 15px 8px; border-right:solid #135196 1px; border-left:solid #4584c9 1px;  height: 14px; padding: 8px 25px 8px 33px; float: left;}
#menu li a { font-style:normal; color:#000; text-decoration: none }

#left_column { width:175px;}

#right_column { float:left; margin-left: 20px; width: 684px; background: url(images/bg_contenu.png); color:#FFF; margin-top:65px;}
#contenu { padding:20px;  }
#contenu a {color: #fff}
#contact { padding: 20px 0 20px 20px;}
.motsCles { color:#4584c9;}

#articles { width: 960px;}
.article { width: 456px; margin: 12px;}
#article { background-color:#040d18;}


#footer { width: 800px; text-align: center; background-color:#000; padding: 20px 20px 20px 60px; color: #fff; font-size: 12px; margin: 12px auto; }
#footer_text { text-align: left; width: 600px; line-height: 22px; margin-top: 10px}
#footer_text a {color: #FFF;}
#footer_img {float: right; width: 170px;}
#footer_img img { margin-right: 12px}
#footer_slogan { width: 170px; text-align: left; margin-top: 6px}
#footer_slogan a {color: #ddd; text-decoration: none}

#facebooktwitter {width: 69px; position: fixed; top: 200px; left: 0}
#facebooktwitter  img {float: left}