/* reset CSS */
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: none; }
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; }
/* fin reset CSS */

html, body{
	font-family: Arial, Helvetica, sans-serif;
	background: #e3dfd4;
}

a{
	color: #900;
}

a:hover{
	text-decoration: #;
}

#page{
	width: 923px;
	margin: 10px auto;
}

#header{
	background:  url(../images/fond-header.gif) repeat-y left top;
	padding: 0px 23px 1px 23px;
}

#header a{
	text-decoration: none;
}

#logo{
	float: left;
	margin-right: 1px;
	background-color:red;
}
	#logo h1 img{
	width:105px;
	}

#flash{
	border: 1px solid #a2a8a8;
	width: 768px;
	float: left;
}

#menu{
	text-align: center;
	margin-top: 10px;
}

#menu ul li {
	display: inline-block;	
}
#menu a.lien{
	height: 18px;
	display: inline-block;
	background: grey;
	padding: 0px;
	background: #666666 url(../images/menu-gauche.gif) no-repeat left top;
}

#menu a.lien:hover{
	height: 18px;
	display: inline-block;
	background: grey;
	padding: 0px;
	background:  url(../images/menu-gauche-selected.gif) no-repeat left top;
}

#menu a.lien span{
	display: inline-block;
	height: 15px;
	padding: 3px 6px 3px 5px;
	background:  url(../images/menu-droite.gif) no-repeat right top;
}

#menu a.lien{
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#menu a.lien:hover span{
	background:  url(../images/menu-droite-selected.gif) no-repeat right top;
}

#menu ul li.separateur{
	display: inline-block;
	background:  url(../images/menu-separateur.gif) no-repeat center;
	width: 10px;
	position: relative;
	top: 2px;
}

#menu a.selected{
	background:  url(../images/menu-gauche-selected.gif) no-repeat left top;
}

#menu a.selected span{
	background:  url(../images/menu-droite-selected.gif) no-repeat right top;
}

#menu a.lang-selected{
	background: url(../images/lang.jpg) no-repeat right bottom;
	display: inline-block;
	height: 20px;
}

#menu ul li ul{
	position: absolute;
	text-align: left;
}

#menu ul li ul li{
	display: block;
	margin-top: 3px;
}

.nomargin{
	position: relative;
	top: -1px;
	height: 5px;	
}

.marge{
	margin-top: 10px;
}

#contenu{
	background:  url(../images/fond-header.gif) repeat-y left top;
	padding: 5px 23px 0px 23px;
}

#footer{
	width: 923px;
	margin-top: 10px;
	background: #191919 url(../images/footer.png) no-repeat left top;
	color: white;
	height: 30px;
}

#footer ul{
	padding-left: 10px;
	padding-top: 6px;	
}
#footer ul li{
	height: 18px;
	display: inline-block;
}

#footer ul li.background{
	background: grey;
	padding: 0px;
	background: #666666 url(../images/footer-droite.gif) no-repeat right top;
}

#footer ul li a{
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#footer ul li.background a span{
	display: inline-block;
	height: 15px;
	padding: 3px 6px 3px 5px;
	background:  url(../images/footer-gauche.gif) no-repeat left top;
}

#footer ul li.background:hover{
	background: #666666 url(../images/footer-droite-selected.gif) no-repeat left top;
}

#footer ul li a:hover{
	text-decoration: underline;
}

#footer ul li.background a:hover span{
	background:  url(../images/footer-gauche-selected.gif) no-repeat right top;
	text-decoration: none;
}

#footer ul li.separateur{
	display: inline-block;
	background:  url(../images/footer-separateur.gif) no-repeat center;
	width: 10px;
}

.droite{
	float: right;	
}

ul.droite{
	margin-right: 10px;	
}

h2{
	color: #900;	
	text-align: center;
}

h3{
	color:#666;
	font-size: 10px;
	text-align: center;
}

h4{
	color: #900;
	font-size: 11px;
}

h5{
	color: #900;
	font-size: 20px;
}

h6{
	color: #666;	
	font-size: 12px;
}


#home{
	background:  url(../images/home-fond.gif) repeat-y left top;
	padding: 15px 30px 10px 21px;
	font-size: 11px;
}

#home.redir{
	background:  url(../images/redir-fond.gif) repeat-y left top;
}

#home ul.liste{
	list-style-image: url(../images/home-liste-puce.gif);
	list-style-position: outside;
	text-align: justify;
	margin-top: 10px;
	margin-left: 15px;
	width: 390px;	
}

#home ul.liste li{
	margin-top: 2px;	
}

#home .details{
	text-align: justify;
	margin-top: 10px;
	width: 390px;	
}

#diapo{
	border: 1px solid #a2a8a8;
	float: right;
	width: 392px;
	height: 203px;
	margin-right: 10px;	
}

#diapo ul, diapo ul li{
	margin: 0;
	padding: 0;
}

#solutions{
	margin-top: 21px;	
}

#solutions .colectives{
	margin-left: 26px;	
}

#categories{
	margin-top: 21px;	
}

#categories img{
	margin-right: 9px;
}

#categories img.last{
	margin: 0;	
}

#categories a{
	text-decoration: none;
}

#offres{
	float: left;
	margin-top: 21px;
	width: 343px;
}

#offres tr td{
	border-top: 1px solid #666;
	font-size: 11px;
	background:  url(../images/fond-offres.gif) repeat-y left top;
}

#offres tr.haut-tableau td{
	border: 0;
}

#offres tr td a{
	display: block;
	background:  url(../images/fond-offres.gif) repeat-y left top;
	text-decoration: none;
	color: black;
}

#offres tr td a:hover, #offres tr td a.selected{
	background:  url(../images/fond-offres-selected.gif) repeat-y left top;
	color: white;
}


#offres tr td a span{
	display: block;
}

#offres tr td a span.text{
	padding: 10px;
}

#offres tr td a span.top{
	background:  url(../images/fond-offres-top.gif) no-repeat left top;
}

#offres tr td a:hover span.top, #offres tr td a.selected span.top{
	background:  url(../images/fond-offres-top-selected.gif) no-repeat left top;
}


#offres tr td a span.bottom{
	background:  url(../images/fond-offres-bottom.gif) no-repeat left bottom;
}

#offres tr td a:hover span.bottom, #offres tr td a.selected span.bottom{
	background:  url(../images/fond-offres-bottom-selected.gif) no-repeat left bottom;
}


#offres tr td a span.top span.bottom{
	padding: 0;	
}

#offres tr td a span.bottom span.top{
	padding: 0;	
}

#offres tr td a span span.titre{
	padding: 0;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

#description-offre{
	width: 520px;
	float: right;
	margin-top: 21px;
	background:  url(../images/fond-description.gif) repeat-y;
}

#description-offre #titre{
	padding: 5px 10px;	
}

#description-offre table{
	font-size: 11px;
	border-top: 1px solid #666;
}

#description-offre table tr td{
	padding: 5px 10px;
	border-bottom: 1px solid #666;
}

#description-offre table tr td.nom{
	color: white;
	background: #8c1018;
	width: 170px;
}

#description-offre #fichier{
	padding: 10px;
	font-size: 11px;	
}

#description-offre #fichier span{
	color: #900;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

#description-offre p{
	font-size: 12px;
	text-align: justify;
}
 
#description-offre #fichier ul li{
	list-style: none;
	background: #ece9e1 url(../images/puce-pdf.png) no-repeat left top;
	height: 14x;
	padding: 6px 20px;
	color: #666;
}

#description-offre a{
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

#description-offre a:hover{
	text-decoration: underline;
}

#description-offre table{
	width: 100%;
	min-height: 50px;
}

#description-offre #bouton{
	margin-left: 205px;
}

#formulaire{
	width: 520px;
	float: right;
	margin-top: 21px;
	background:  url(../images/fond-description.gif) repeat-y;
}

#formulaire #titre{
	padding: 5px 10px;	
}

#formulaire table{
	font-size: 11px;
	border-top: 1px solid #666;
}

#formulaire table tr td{
	padding: 5px 10px;
	border-bottom: 1px solid #666;
}

#formulaire table tr td.nom{
	color: white;
	background: #8c1018;
	width: 170px;
}
#formulaire table tr td.long{
	color: white;
	background: #8c1018;
	width:470px;
}

#formulaire #fichier{
	padding: 10px;
	font-size: 11px;	
}

#formulaire #fichier span{
	color: #900;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

#formulaire p{
	font-size: 12px;
}
 
#formulaire #fichier ul li{
	list-style: none;
	background:  url(../images/puce-pdf.gif) no-repeat left top;
	height: 20px;
	padding: 6px 20px;
	color: #666;
}

#formulaire a{
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

#formulaire a:hover{
	text-decoration: underline;
}

#formulaire table{
	width: 100%;
	min-height: 50px;
}

#formulaire #bouton{
	margin-left: 205px;
}

#formulaire table input{
	width: 100%;
}

.submit-en{
	background:  url(../images/solutions/btn_envoyer_en.jpg) no-repeat left top;
	height: 33px;
	width: 153px;
	color: white;
	border: none;
	font-size: 12px;
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

.submit-fr{
	background:  url(../images/solutions/btn_envoyer_fr.jpg) no-repeat left top;
	height: 33px;
	width: 153px;
	color: white;
	border: none;
	font-size: 12px;
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#formulaire textarea{
	width: 100%;
	height: 60px;
}

#formulaire h6{
	margin-left: 7px;
	margin-top: 3px;
}

#formulaire h4{
	margin-left: 7px;
	margin-bottom: 3px;
}

#partenaires{
	width: 520px;
	float: right;
	margin-top: 21px;
	background:  url(../images/fond-description.gif) repeat-y;
}

#partenaires table{
	width: 100%;
	border-collapse: separate;
	text-align: center;
	vertical-align: top;
}

#partenaires table tr td{
	vertical-align: top;
	text-align: center;
}


#partenaires .vide{
	display: inline-block;
	background: #d3d0c9;
	width: 114px;
	height: 77px;
}

#partenaire a:hover{
	text-decoration: none;
}

.petit{
	font-size: 10px;
}

#titre p{
	font-size: 11px;
}

.lien a{
	color: #900;
}

.lien-liste{
	text-decoration: none;
}
.lien-liste:hover, .lien-liste.selected{
	text-decoration: underline;
}

.left{
width:10px;
background:red;
margin-right:2px;
}

.accueil{
	width:696px;
	height:auto !important;
	min-height:630px;
	height:630px;
	background:  url(../images/home/bloc_article_middle.gif) repeat-y;
	position:relative;
	right:-110px;
	padding:17px 35px;
	z-index:6;
}
	.accueil p{
	font-size: 11px;
	text-align: justify;
	margin:12px 0;
	}
	.accueil p.titre{
	font-size: 16px;
	text-align: justify;
	margin:12px 0;
	}
	.rouge{
	color:#770e13;
	}
	.bold{font-weight:bold;}
.haut{
	width:766px;
	height:11px;
	background:  url(../images/home/bloc_article_top.gif) no-repeat;
	position:relative;
	right:-110px;
	z-index:5;
}
.bas{
	width:766px;
	height:11px;
	background:  url(../images/home/bloc_article_bottom.gif) no-repeat;
	position:relative;
	right:-110px;
	z-index:5;
}
.visu1{
width:151px;
height:354px;
background:  url(../images/home/silhouette1.png) no-repeat;
position:relative;
top:-605px;
left:-2px;
z-index:100;
}
.visu2{
width:151px;
height:384px;
background:  url(../images/home/silhouette2.png) no-repeat;
position:relative;
top:-1400px;
left:-18px;
z-index:100;
}
.visu3{
width:151px;
height:354px;
background:  url(../images/home/silhouette3.png) no-repeat;
position:relative;
top:-735px;
left:-36px;
z-index:100;
}

	img.visuhome{
	float:left;
	}
	
	.hautred{
	width:486px;
	height:7px;
	background:  url(../images/home/bloc_rouge_top.gif) no-repeat;
	float:right;
	z-index:200;
	}
	.redtip{
	width:446px;
	height:auto !important;
	min-height:80px;
	height:80px;
	background:  url(../images/home/bloc_rouge_middle.gif) repeat-y;
	float:right;
	font-size:12px;
	color:#fff;
	padding:10px 20px;
	z-index:200;
	}
		.redtip p.titrered{
		font-size: 16px;
		text-align: justify;
		margin:2px 0 12px 0;
		}
	p.right a{
	float:right;
	text-align:right;
	color:#fff;
	text-decoration:underline;
	margin-top:12px;
	}
	.basred{
	width:486px;
	height:7px;
	background:  url(../images/home/bloc_rouge_bottom.gif) no-repeat;
	float:right;
	z-index:200;
	}