@import "nav.css";
@import "formulaire.css";
@import "accordion-menu.css";
@import "produits.css";
/* -------- CSS GENERAL -------- */
	
html {
 margin: 0;
 padding: 0;
}

/* Normalise les marges et le remplissage */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, select, p, blockquote, th, td {
 	margin: 0;
 	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background:#e7edf4 url(../images/deco/bg_site.jpg) top center fixed;
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	color: #767676;
	font-weight:100;
}


/* Normalise les tailles de polices pour les en-têtes */

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}


/*  Supprime list-style pour les listes*/

ul{
	list-style:none;
}

/* Supprime les bordures dans éléments fieldset et img*/

fieldset, img{
	border:0;
}

/* clear */

.clear{
	clear:both;
}

/* Mentions légales */

p.mentions_legales{
	padding:10px;
	font-size:.8em;
	color:#fff;
}

/* Supprime la bordure sur les liens */

a:active, a:focus{
      outline:none;
}

strong{color:#3b9dd6; font-weight:bold;}

/* -------- GENERAL -------- */

#general{
	margin:100px auto 30px auto;
	width:950px;
	background:url(../images/deco/bg_content.png) repeat-y;
}

strong{
	color:#3b9dd6;
}



/* -------- HEADER -------- */

#header{
	margin:0 auto;
	width:950px;
	height:160px;
	position:relative;
}

#header .logo-30ans{
	top:-30px;
	left:820px;
	position:absolute;
	z-index:10;	
}

/* -------- CONTENU -------- */


#content{
	margin:0 auto;
	padding:20px 62px 20px 62px;
	width:826px;
	text-align:justify;
}

#content .left_index{
	padding:20px 0 0 0;
	float:left;
	width:340px;
	left:0px;
}

#content .table{
	margin:5px 0 20px 0;
	font-size:.8em;
}

#content .table td{
	padding:8px;
}

#content .table td.bleu_fonce{
	background-color:#1b8aca;
	color:#fff;
}

#content .table td.bleu_clair{
	background-color:#d2ecf9;
	color:#1b8aca;
}

#content .table td.bleu_gris{
	background-color:#F7F7F7;
	color:#1b8aca;
}

/* LEFT */

#left_content{
	padding:10px 10px 0 0;
	float:left;
	width:480px;
	left:0px;
	display:block;
}

#left_content .video{
	padding:10px 0 0 0;
	float:left;
	width:480px;
	left:0px;
}

#left_content .champ_connexion{
	text-align: left;
	width:200px;
	background:#fff;
	padding:8px;
	line-height:12px;
	font-size:12px;
	border:#e8e8e8 solid 1px;
}

#left_content .champ_login{
	margin:0 0 0 45px;
}

#left_content .btn_connexion{
	font-size:12px;
	background-color:#3b9dd6;
	color:#fff;
	border:#e8e8e8 solid 1px;
	cursor:pointer;
	margin:0 0 0 223px;
}

/* RIGHT */

#right_content{
	padding:10px 0 0 0;
	float:right;
	width:320px;
	right:0px;
	display:block;
}

#right_content .image_right{
	margin:10px 0 15px 0;
}

/* -------- FOOTER -------- */

#footer{
	margin:0 auto;
	padding:5px 62px 10px 62px;
	width:826px;
	text-align:center;
}

/* -------- TITRES et tailles des polices -------- */

h1, h2, h3{
	color:#3b9dd6;	
}

h1{
	padding:0 0 5px 0;
	font-size:35px;
}

span.deconnexion{
	margin:7px 7px 0 0; float:right;
	font-size:14px;
}

h2{
	padding:10px 0 5px 15px;
	font-size:15px;
	text-transform:uppercase;
	background:url(../images/deco/puce.gif) 0 10px no-repeat;
}

h3{
	padding:15px 0 0 0;
	font-size:15px;
}

h4{
	padding:10px 0 0 0;
	font-size:13px;
	color:#333;
	font-weight:bold;
}

p{
	padding:10px 0 5px 0;
	font-size:.8em;
	line-height:16px;
}

#content p a, #footer p a, #content ol a, #content ul.liste a, span.deconnexion a, h3 a, #content ul.liste-presse li a{
	color:#3b9dd6;
	text-decoration:none;
	border-bottom:#3b9dd6 dotted 1px;
}

#content p a:hover, #footer p a:hover, #content ol a:hover #content ul.liste a:hover, span.deconnexion a:hover, h3 a:hover, #content ul.liste-presse li a:hover{
	text-decoration:none;
	border-bottom:none;
}

#content ol{
	margin:10px 0 10px 25px;
	font-size:.8em;
}

#content ol li{
	margin:5px 0 0 0;
}

#content ul.liste{
	margin:10px 0 10px 25px;
	font-size:.8em;
}

#content ul.liste li{
	margin:5px 0 0 0;
	list-style-type:disc;
}

#content ul.liste-presse{
	margin:10px 0 10px 25px;
	font-size:.8em;
}

#content ul.liste-presse li{
	margin:0 0 5px 0;
	display:block;
	line-height:100px;
	clear:both;
}

#content ul.liste-presse li .img-left{
	margin:0 15px 15px 0;
	padding:2px;
	border:#ccc 1px solid;
	float:left;
}