@charset "utf-8";

/* reinitialisation ------------------------------- On -- */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}
/* table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}*/

/* se souvenir de definir les focus ! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* Les tables ont encore besoin de 'cellspacing="0"' dans le code xhtml */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}*/
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* reinitialisation ------------------------------- Off - */

/* balises generales ------------------------------- On -- */
body {
	font-family:Arial, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-image:url(/grafx/arriere-plan.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
table {
}
caption, th, td {
	font-family:Arial, Tahoma, "Trebuchet MS", sans-serif;
	font-size: 0.88em;
}
h1, h2, h3, h4, h5, h6, p, ul {
	line-height:1.2em;
	color:#000;
}
h1 {
    font-size:2em;
	text-transform:uppercase;
}
h2 {
    font-size:1.3em;
	font-weight:bold;
}
h3 {
    font-size:2em;
	text-transform:uppercase;
}
h4 {
    font-size:1.1em;
	font-weight:bold;
}
h5 {
    font-size:1.1em; 
	font-weight:normal;

}
h6 {
    font-size:1.1em;
	font-weight:bold;
}
p {
	font-size:1.1em;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
ul {
	font-size:1.1em;
	list-style-type:disc;
	padding:0 12px;
}
ul li ul {
	font-size:1em;
}
a img {
    border:0;
}
a, a:active, a:visited {
    color:#000;
    text-decoration:underline;
}
a:hover {
    color:#94ad01;
    text-decoration:underline;
}
hr {
    border: 0;
    width: 100%;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}
/* balises generales ------------------------------- Off - */

/* formulaires ------------------------------- On - */
form, input, textarea, select {
    font-family: 'Arial', 'Trebuchet MS', 'Sans-serif';
    font-size: 1em;
    margin: 0;
    padding:0;
	color:#000;
}
form {
    margin: 0 0 10px 0;
}
input {
    margin:1px 0;
	padding:2px 3px 2px 3px;
    border:1px solid #7e9db9;
    background-color:#FFF;
}
select {
	margin:1px 0;
}
/*.case {
    border:0;
	background:none;
}*/
textarea {
    padding:2px;
    border:1px solid #7e9db9;
}

/* de pat --------------- On */
/*
#login-box {
	width:100%;
	height: 20px;
	border: 1px solid #7f9db9;
}
.login-box {	
}
.mot-de-passe-oublie {
	color:#000000;
	font-size:10px;
}
#mot-de-passe-oublie {
}
*/
.button, .buttonover {
	padding:1px;
	background-color:#f5f6f1;
	border-color: #7e9db9;
	background-image:url(/grafx/boutons/bg-bouton.jpg);
}
.buttonover {
	border: 1px solid #81b7ff;
}
/*
#bouton-connexion {
	padding-top: 10px;
}
.bouton-connexion {
	background-color:#f5f6f1;
	border: 1px solid #7e9db9;
	background-image:url/grafx/boutons/bg-bouton.jpg);
}
input, textarea, select{
	border: 1px solid  #7e9db9; !important;
}
input[type=checkbox]  {
	border: 0px; !important;
}
*/
/* de pat --------------- Off */

/* formulaires ------------------------------- Off - */


/* formater les tables du centre ------------ on */
#centre p table {
	font-size:1em;
	line-height:1.2em;
}
#centre table {
	font-size:1.2em;
	line-height:1.2em;
}
table table {
	font-size:1em;
}
#centre table .content {
	font-size:0.9em;
	line-height:1.2em;
}
.confirm {
	font-size:1.2em;
}

/* formater les tables du centre ------------ off */

/* positionnement et fond ------------------------------- On -- */
#conteneur {
	position:relative;
	width:1000px;
	margin:0 auto;
	z-index:2;
}
#bande-principale { /* de pat */
	position:absolute;
	width: 100%;
	height:125px;
	top:0;
	left:0;
	background-image:url(/grafx/bande-principale.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	z-index:1;
}
#bande-secondaire {	/* de pat */
	position:absolute;
	width: 100%;
	height:42px;
	top: 132px;
	left:0;
	background-image:url(/grafx/bande-secondaire.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	z-index:1;
}
/*#lignes-fond {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:174px;
	background-image:url(/grafx/lignes-du-fond.png);
	background-position:left top;
	background-repeat:repeat-x;	
	z-index:0;
}*/
#contenu { /* de pat */
	position:absolute;
	top:232px;
	left:0;
}
/* positionnement et fond ------------------------------- Off - */

/* entete ------------------------------- On -- */
/*#entete {
	position:relative;
	width:1000px;
	height:174px;
	overflow:hidden;
}*/
#entete { /* de pat */
	position:relative;
	height:232px;
}
#logo { /* de pat */
	position:absolute;
	display:block;
	top:0;
	left:12px;
}
#quickmenu { /* de pat */
	text-align:right;
	width:739px;
	height:20px;
	padding-top: 12px;
	display:block;
	background-color:#FFFFFF;


	position:absolute;
	top:0px;

	left: 261px;
}
a.quickmenu { /* de pat */
	color:#999999;
	text-decoration:none;
	font-family:Arial, Tahoma, "Trebuchet MS", sans-serif;
}
a.quickmenu:hover { /* de pat */
	color:#94ad01;
	text-decoration:none;
	font-family:Arial, Tahoma, "Trebuchet MS", sans-serif;
}
#quickmenu-separateurs { /* de pat */
	color:#999999;
	font-size:11px;
	padding-left: 4px;
	padding-right: 4px;
}
#pub-bannieres { /* de pat */
	position:absolute;
	top:35px;
	left: 248px;
	width:742px;
	height: 90px;
	padding-right: 10px;
	text-align:right;
	background-color: #FFFFFF;
}
#slogan { /* de pat */
	top: 132px;
	left:261px;
	font-size:17px;
	position:absolute;
}
#bande-sous-menu{ /* de pat */
	position: absolute;
	width: 100%;
	height:4px;
	top: 225px;
	padding: 1px;
	background-image:url(/grafx/point-ligne.png);
	background-repeat:repeat-x;
	z-index:3;
}
/* entete ------------------------------- Off - */

/* menu ------------------------------- On -- */
/*.menu-box, .menu-box2 {
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#fff;
}*/
.menu-box, .menu-box2 {
	width: 989px;
	height:43px;	
	top: 174px;
	left: 12px;
	position:absolute;
	background-color:#fff;
	border: 0px solid #000;
	z-index:9996;
}
.menu-box ul, .menu-box2 ul {
	position:relative;
	display:block;
	width:auto;
	height:42px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:1.2em;
}
.menu-box ul li, .menu-box2 ul li  {
	margin:0;
	padding:12px 0 15px 0;
	float:left;
}
.menu-box ul #connexion {
	padding-right:10px;
	background-image:url(/grafx/fond-g-employeurs.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.menu-box2 ul #connexion {
	padding-right:10px;
	background-image:url(/grafx/fond-g-employeurs2.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.menu-box ul #employeurs {
	position:relative;
	background-image:url(/grafx/fond-employeurs.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
.menu-box2 ul #employeurs {
	position:relative;
	background-image:url(/grafx/fond-employeurs2.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
.menu-box ul #contact {
	background-image:url(/grafx/fond-d-employeurs.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu-box2 ul #contact {
	background-image:url(/grafx/fond-d-employeurs2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu-box ul li a, .menu-box2 ul li a {
	border-left:1px dotted #000;
	margin:3px 0 3px 9px;
	padding:3px 0 3px 9px;
	text-decoration:none;
	color:#000;
}
.menu-box ul #connexion a, .menu-box2 ul #connexion a {
}
.menu-box ul #employeurs div {
	position:absolute;
	display:block;
	top:-18px;
	left:50%;
	width:12px;
	height:23px;
	margin:0 0 0 -6px;
	padding:0;
	background-image:url(/grafx/3fleches-employeurs.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.menu-box2 ul #employeurs div {
	position:absolute;
	display:block;
	top:-18px;
	left:50%;
	width:12px;
	height:23px;
	margin:0 0 0 -6px;
	padding:0;
	background-image:url(/grafx/3fleches-employeurs2.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.menu-box ul #employeurs a, .menu-box2 ul #employeurs a {
	color:#fff;
	border-left:1px dotted #778c00;
	border-right:1px dotted #778c00;
	margin:3px 1px;
	padding:3px 6px 3px 8px;
}
.menu-box ul #contact a {
	border-left:0px dotted #000;
	padding:3px 0 3px 23px;
	background-image:url(/grafx/icone-contact.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
.menu-box2 ul #contact a {
	border-left:0px dotted #000;
	padding:3px 0 3px 23px;
	background-image:url(/grafx/icone-contact2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
.menu-box ul li a:hover, .menu-box2 ul li a:hover {
	text-decoration:underline;
}
/* menu ------------------------------- Off - */
/* sous-menu ------------------------------- On -- */
.menu-box ul li ul, .menu-box2 ul li ul {
	position:absolute;
	display:block;
	left:-999em;
	width:240px;
	height:auto;
	margin:15px 0 0 0;
	padding:0 4px;
	z-index:9999;
	background-color:#fff;
	font-size:1em;
}
.menu-box ul li:hover ul, .menu-box2 ul li:hover ul, .menu-box ul li.sfhover ul, .menu-box2 ul li.sfhover ul {
	left:auto;
}
.menu-box ul li ul li, .menu-box2 ul li ul li {
	float:none;
	margin:0 5px;
	padding:5px 0;
	border-left:1px dotted #000;
}
.menu-box ul li ul li a, .menu-box2 ul li ul li a {
	display:block;
	border:0px dotted #000;
	margin:0 10px;
	padding:0;
}
.menu-box ul li ul li a span, .menu-box2 ul li ul li a span {
	font-size:0.8em;
	color:#acacac;
}
/* sous-menu ------------------------------- Off - */

/* trois blocs du milieu ------------------------------- On -- */
#gauche, #centre, #droite {
	position:relative;
	height:auto;
	z-index:2;
}
/* bloc de gauche ------------------------------- Off - */

/* bloc de gauche ------------------------------- On -- */
#gauche {
	float:left;
	width:256px;
}
#gauche .boite img {
	border:0px solid #000;
	text-align:center;
	margin:0 auto;
}
#gauche .boite table {
	width:208px;
	margin:0;
}
#gauche .boite td {
	text-align:center;
}
/* bloc de gauche ------------------------------- Off - */

/* bloc du centre ------------------------------- On -- */
#centre {
	float:left;
	width:476px;
	min-height:400px;
	/*margin-right:268px;
	margin-left:256px;*/
}
.boite .clavardage img {
	background:none;
	float:left;
	margin:-2px 5px -2px 0;
}
/* bloc de gauche ------------------------------- Off - */

/* bloc de droite ------------------------------- On -- */
#droite {
	float:left;
	width:268px;
}
#salons-swf {
	position:relative;
	/*left:-12px;*/
	margin:0 -12px 0 -12px;
}
/* bloc de gauche ------------------------------- Off - */

/* contenu des boites au fond blanc ------------------------------- On -- */

.fond {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=50); /* Pour Internet Explorer */
	-moz-opacity:0.50;	/* Pour Mozilla */
	opacity: 0.50;	/* Pour les standards CSS3 */
	z-index:3;
}
.fond-invisible {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	z-index:3;
}
.boite {
	position:relative;
	margin:12px;
	padding:12px 12px 6px 12px;
	background-color:#fff;	
	z-index:4;
}
#centre .boite {
	margin:0px 12px 12px 12px;
}
.boite h3 {
	margin:0;
	padding:0;
	color:#000;
	text-transform:uppercase;
}
.boite c .boite ul, .boite h6 {
	margin:5px 0;
}
.boite p img {
	display:block;
	background-color:#ccc;
}
.boite .details {
	text-align:right;
}
.boite .details a {
	padding:0 0 0 18px;
	color:#000;
}
.retour {
	clear:both;
}
.liens-haut {
	list-style-type:none;
	padding:0;
}
.est {
	float:right;
	margin:0 0 0 10px;
}
.ouest {
	float:left;
	margin:0 10px 0 0;
}
.ligne{
	border-bottom:1px dotted #000;
	padding:4px 0 0 0;
}
.bandeau {
	padding:4px 8px;
}
p.bandeau {
	margin:0;
}
#centre h5 {
	padding:0 0 5px 0;
	border-bottom:1px dotted #000;
}
.liens-bas {
	display:block;
	list-style-type:none;
	margin:10px 0;
	padding:8px 0 10px 0;
	border-top:1px dotted #000;
}
.liens-bas li {
	float:left;
}
#centre .haut-de-page {
	margin:15px 0 0 0;
	padding:8px 0 10px 0;
	border-top:1px dotted #000;
	text-align:right;
}
#centre .haut-de-page span {
	display:block;
	margin:7px 0 -10px 0;
	font-size:2em;
}
#centre .haut-de-page a {
	display:block;
	float:right;
}
/* contenu des boites au fond blanc ------------------------------- Off - */

/* définition des couleurs ------------------------------- On -- */
.boite .orange, .boite .noir, .boite .vert, .boite .bleu {
	background:none;
}
/* Orange */
.orange h3 {
	color:#ea7c37;
}
.orange {
	background-image:url(/grafx/trait-boite-orange.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.orange .details a {
	background-image:url(/grafx/puce/puce-detail-orange.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.orange p a:hover {
	color:#ea7c37;
}
.fdorange, .orange .bandeau {
	background-color:#ea7c37;	
}
.txt-orange, .txt-orange a, #accueil-un .orange h1 {
	color:#ea7c37;
}
.txt-orange a:hover {
	color:#000;
}
/* Vert */
.vert {
	background-image:url(/grafx/trait-boite-vert.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.vert .details a {
	background-image:url(/grafx/puce/puce-detail-vert.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.vert p a:hover {
	color:#a6c201;
}
#accueil-un #droite .vert a {
	color:#a6c201;
}
#accueil-un #droite .vert a:hover {
	color:#000;
}
.fdvert, .vert .bandeau {
	background-color:#a6c201;	
}
.txt-vert, .txt-vert a, #accueil-un .vert h1 {
	color:#a6c201;
}
.txt-vert a:hover {
	color:#000;
}
/* Noir */
.noir {
	background-image:url(/grafx/trait-boite-noir.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.noir .details a {
	background-image:url(/grafx/puce/puce-detail-noir.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.noir p a:hover {
	color:#a6c201;
}
.fdnoir {
	background-color:#000;	
}
.noir .liens-haut li a {
	color:#a6c201;
}
.noir .liens-haut li a:hover {
	color:#000;
}
.noir .liens-bas li {
	color:#a6c201;
	margin:0 4px 0 0;
}
.noir .liens-bas li a {
	color:#000;
}
.noir .liens-bas li a:hover {
	color:#a6c201;
}
.noir .bandeau {
	color:#a6c201;
	background-color:#000;	
}
.noir h5 {
	color:#a6c201;
}
.noir h5 a {
	color:#a6c201;
	text-decoration:none;
}
.noir .haut-de-page {
	color:#a6c201;
}
.noir .haut-de-page a, #accueil-un .noir h1 {
	color:#000;
}
.noir .haut-de-page a:hover {
	color:#a6c201;
}
/* Bleu */
.bleu {
	background-image:url(/grafx/trait-boite-bleu.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.bleu .details a {
	background-image:url(/grafx/puce/puce-detail-bleu.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.bleu p a:hover {
	color:#416fa4;
}
.fdbleu, .bleu .bandeau {
	background-color:#416fa4;	
}
.txt-bleu, .txt-bleu a, #accueil-un .bleu h1 {
	color:#416fa4;
}
.txt-bleu a:hover {
	color:#000;
}
/* définition des couleurs ------------------------------- Off - */

/* contenu pour l'accueil ------------------------------- On - */
/* bloc un ------------------------------- On - */
#accueil-un {
	position:relative;
	width:1000px;
	z-index:2;
}
#accueil-un table {
	font-size:1.1em;
	line-height:1.2em;
}
#accueil-un table tr, #accueil-un table td, #accueil-un table table {
	font-size:1em;
}
#accueil-un #gauche, #accueil-un #centre, #accueil-un #droite {
	z-index:4;
}
#accueil-un #gauche {
	width:250px;
}
#accueil-un #gauche table, #accueil-un #gauche tr, #accueil-un #gauche td {
	text-align:left;
}
#accueil-un #centre {
	width:250px;
	min-height:10px;
}
#accueil-un #droite {
	width:500px;
}
#accueil-un .boite {	
	position:relative;
	z-index:4;
}
#accueil-un #gauche .boite, #accueil-un #centre .boite, #accueil-un #droite .boite {
	min-height:300px;
} 
#accueil-un #gauche .boite {
	margin:12px 6px 12px 12px;
}
#accueil-un #centre .boite {
	margin:12px 6px 12px 6px;
}
#accueil-un #droite .boite {
	margin:12px 12px 12px 6px;
}
#accueil-un #flash-salons {
	margin:12px 12px 6px 12px;
}
#accueil-un .fond-invisible {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=50); /* Pour Internet Explorer */
	-moz-opacity:0.50;	/* Pour Mozilla */
	opacity: 0.50;	/* Pour les standards CSS3 */
	z-index:3;
}
#accueil-un .plus-detail img {
	float:left;
	margin:0 5px 0 0;
}
#accueil-un .plus-detail a {
	float:left;
}
#accueil-un .bleu .plus-detail a {
	color:#416fa4;
}
#accueil-un .bleu .plus-detail a:hover {
	color:#000;
}
#accueil-un .orange .plus-detail a {
	color:#ea7c37;
}
#accueil-un .orange .plus-detail a:hover {
	color:#000;
}
/* bloc un ------------------------------- Off - */
/* bloc deux ------------------------------- On - */
#accueil-deux {
	position:relative;
	width:1000px;
	margin:12px 0 0 0;
	z-index:2;
}
#accueil-deux table, #accueil-deux form {
	font-size:1.1em;
	line-height:1.2em;
}
#accueil-deux table tr, #accueil-deux table td, #accueil-deux table table, #accueil-deux form p {
	font-size:1em;
}
#accueil-deux, #accueil-deux .orange2, #accueil-deux .orange2 p, #accueil-deux .orange2 table {
	color:#fff;
}
#accueil-deux #gauche2, #accueil-deux #centre2, #accueil-deux #droite2 {
	position:relative;
	z-index:4;
}
#accueil-deux #gauche2 p, #accueil-deux #centre2 p, #accueil-deux #droite2 p {
	margin:2px 0;
}
#accueil-deux #gauche2 {
	float:left;
	width:244px;
	margin:0 12px 0 0;
	height:158px;
}
#accueil-deux #centre2 {
	float:left;
	width:244px;
	margin:10px 12px 0 0;
}
#accueil-deux #centre2 #nos-clients {
	margin:5px 0 0 0;
}
#accueil-deux #droite2 {
	float:left;
	width:744px;
	margin:0;
	padding:0;
}
#accueil-deux .boite {	
	position:relative;
	z-index:4;
	background:none;
	padding-right:0;
	padding-left:0;
}
#accueil-deux #gauche2 .boite {
	margin:0;
	padding:12px;	
}
#accueil-deux #centre2 .boite {
	margin:0;
	padding:12px;
}
#accueil-deux #droite2 .boite {
	margin:0;
	padding:12px;
}
#accueil-deux #droite2 p.txt-resume {
	position:relative;
	display:block;
	float:left;
	width:280px;
	margin:0 10px 0 0;
	z-index:9999;
}
#accueil-deux #droite2 .lire-suite {
	position:relative;
	display:block;
	width:80px;
	margin:10px 0 0 0;
	float:right;
	text-align:right;
	z-index:9999;
}
#accueil-deux #gauche2 .fdnoir {
	background-color:#a6a6a6;	
}
#accueil-deux #centre2 .fdnoir {
	background-color:#626262;	
}
#accueil-deux #droite2 .fdnoir {
	background-color:#000;	
	height:352px!important;
}
#gauche2 #connexion input {
	width:214px;
	padding:3px 2px;
	border:1px solid #416fa4;
}
#gauche2 #connexion .mot-de-passe-oublie {
	margin:10px 5px 0 0;
	float:left;
}
#gauche2 #connexion .bouton {
	width:auto;
	margin:10px 0 0 0;
	padding:3px 2px;
	background-color:#fff;
	float:right;
}
#gauche2 #connexion .bouton:hover {
	background-color:#eee;
}

/* définition des couleurs ------------------------------- On -- */
/* Blanc */
#accueil-deux .blanc {
	background-image:url(/grafx/trait-boite-blanc.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
#accueil-deux .blanc .details a {
	background-image:url(/grafx/puce/puce-detail-blanc.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#accueil-deux .blanc p a:hover {
	color:#fff;
}
#accueil-deux .fdblanc, #accueil-deux .blanc .bandeau {
	background-color:#fff;	
}
#accueil-deux .txt-blanc, #accueil-deux .txt-blanc a, #accueil-deux .blanc h1 {
	color:#fff;
}
#accueil-deux .txt-blanc a:hover {
	color:#ddd;
}
/* Orange 2 */
#accueil-deux .orange2 {
	background-image:url(/grafx/trait-boite-orange2.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
#accueil-deux .orange2 .details a {
	background-image:url(/grafx/puce/puce-detail-orange2.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#accueil-deux .orange2 p a:hover {
	color:#c0a002;
}
#accueil-deux .fdorange2, #accueil-deux .orange2 .bandeau {
	background-color:#c0a002;	
}
#accueil-deux .txt-orange2, #accueil-deux .txt-orange2 a, #accueil-deux .orange2 h1 {
	color:#c0a002;
	width:400px;
}
#accueil-deux .txt-orange2 a:hover {
	color:#c0a002;
}
/* définition des couleurs ------------------------------- Off -- */

/* bloc deux ------------------------------- Off - */
/* contenu pour l'accueil ------------------------------- Off - */

/* pied de page ------------------------------- On -- */
#bas-de-page { /* de pat */
	position:relative;
	clear:both;
	top: 15px;
	width: 99%;
	height: 45px;
	padding: 3px;
	font-size:1.1em;
	line-height:1.2em;
	border: 1px dotted #000000;
	border-right: 0px dashed #00FF00;
	border-left: 0px dashed #00FF00;
}
#bas-de-page-menu { /* de pat */
	display:block;
	background-color: #FFFF00;
}
#bas-de-page-boutons { /* de pat */
	margin-top: 9px;
	height:27px;
	display:block;
	float:left;
	padding-right: 15px;
	padding-left: 15px;
	border-right: 1px dotted #000000;
}
a.bas-de-page-boutons { /* de pat */
	color:#000000;
	text-decoration:none;
}
a.bas-de-page-boutons:hover { /* de pat */
	color:#94ad01;
	text-decoration:none;
}
#copyright { /* de pat */
	color:#002343;
	text-align:center;
	padding: 20px;
	display:block;
	clear:both;
}
#webdesign-activis { /* de pat */
	text-align:right;
	float:right;
}
/* pied de page ------------------------------- Off - */

#coloneDeGauche {width:228px; float:left; margin-right:28px;}

/* Social media */
#socialIcons {float:right; text-indent:-9999px; width:55px; position:relative; z-index:999;}
a#iconFacebook {float:left; width:25px; height:25px; background: url(/grafx/icon-facebook.png) no-repeat 0 0; margin-right:5px;}
a#iconYoutube {float:left; width:25px; height:25px; background: url(/grafx/icon-youtube.png) no-repeat 0 0; }

/* Social media */
#socialIcons2 {float:right; text-indent:-9999px; width:85px; position:relative; top:-150px; right:20px; z-index:999;}
#socialIcons2 a#iconFacebook {float:left; width:25px; height:25px; background: url(/grafx/icon-facebook.png) no-repeat 0 0; margin-right:5px;}
#socialIcons2 a#iconYoutube {float:left; width:25px; height:25px; background: url(/grafx/icon-youtube.png) no-repeat 0 0; margin-right:5px;}
#socialIcons2 a#iconTwitter {float:left; width:25px; height:25px; background: url(/grafx/icon-twitter.png) no-repeat 0 0; }



/* fix de la page d'accueil ------------------------------------- */

#accueil-deux.fix #gauche2 .boite, #accueil-deux.fix #centre2 .boite, #accueil-deux.fix #droite2 .boite {
	min-height:164px;
} 
#accueil-deux.fix, #accueil-deux.fix .orange2, #accueil-deux.fix .orange2 p, #accueil-deux.fix .orange2 table {
	color:#fff;
}
#accueil-deux.fix #gauche2, #accueil-deux.fix #centre2, #accueil-deux.fix #droite2 {
	position:relative;
	z-index:4;
}
#accueil-deux.fix #gauche2 p, #accueil-deux.fix #centre2 p, #accueil-deux.fix #droite2 p {
	margin:2px 0;
}
#accueil-deux.fix #gauche2 {
	float:left;
	width:244px;
	margin:0 12px 0 0;
	height:187px;
}
#accueil-deux.fix #gauche2 .boite {
	margin:0;
	padding:12px;
}
#accueil-deux.fix #gauche2 .fdnoir {
	background-color:#a6a6a6;	
}
#accueil-deux.fix #gauche2 #connexion input {
	width:214px;
	padding:3px 2px;
	border:1px solid #416fa4;
}
#accueil-deux.fix #gauche2 #connexion .mot-de-passe-oublie {
	margin:10px 5px 0 0;
	float:left;
}
#accueil-deux.fix #gauche2 #connexion .bouton {
	width:auto;
	margin:10px 0 0 0;
	padding:3px 2px;
	background-color:#fff;
	float:right;
}
#accueil-deux.fix #gauche2 #connexion .bouton:hover {
	background-color:#eee;
}
#accueil-deux.fix #centre2 {
	float:left;
	width:238px;
	min-height:10px;
	margin:0 12px 0 0;
}
#accueil-deux.fix #centre2 #nos-clients {
	margin:5px 0 0 0;
}
#accueil-deux.fix #centre2 .boite {
	margin:0;
	padding:12px;
}
#accueil-deux.fix #centre2 .fdnoir {
	background-color:#626262;	
}
#accueil-deux.fix #droite2 {
	float:left;
	width:494px;
	margin:0;
}
#accueil-deux.fix #droite2 .boite {
	margin:0;
	padding:12px;
}
#accueil-deux.fix #droite2 p.txt-resume {
	position:relative;
	display:block;
	float:left;
	width:280px;
	margin:0 10px 0 0;
	z-index:9999;
}
#accueil-deux.fix #droite2 .lire-suite {
	position:relative;
	display:block;
	width:80px;
	margin:10px 0 0 0;
	float:right;
	text-align:right;
	z-index:9999;
}
#accueil-deux.fix #droite2 .fdnoir {
	background-color:#000;	
	height:187px!important;
}