@charset "iso-8859-1";
@import "page.css";
@import "pro.css";
@import "contact.css";

html {
	background-color: #5A5A5A;
}

html, body {
	
	/*margin: 0%;*/
	font-family:Arial,verdana,sans-serif !important;
	font-size:12px;
	height:100%;
}

div#global {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:1000px;
	height:100%;
}


/*#######################################################*/
/*################ LE BANDEAU SUPERIEUR #################*/
/*#######################################################*/

div#top {
	height:128px;
}
div#haut_page img#coin_HG {
	float:left;
}
div#haut_page img#coin_HD {
	float:right;
}
div#haut_page div#contenue_hautpage {
	background-color:#2b2b2b;
	height:10px;
	max-height:10px;
	margin-left:10px;
	margin-right:10px;
}
div#bandeau_sup {
	background-color:#2b2b2b;
	height:118px;
	margin:0;
}
div#bandeau_sup h1 {
	margin:0;
	display:none;
}

div#bandeau_sup img#band_logo {
	float:left;
	margin-left:30px;
	margin-top:10px;
}

div#bandeau_sup img#band_numvert {
	float:right;
	margin-right:30px;
	margin-top:10px;
}

/*#######################################################*/
/*###################### LE MENU ########################*/
/*#######################################################*/

div#menu {
	background-color:#2b2b2b;
	height:32px;
}

.menu_principal {
	float:left;
	padding:0; 
	margin:0;
}

.menu_principal {white-space:nowrap /*IE hack*/; float:left; border:none;}
.menu_principal ul {list-style-type:none; text-align : center;}
#menu ul { margin-left:0px !important;}
#ssmenu { margin-top:10px; display:block}

#ssmenu ul li{ -margin-left : 0px;  -height:20px }/*FF  + IE6*/
#ssmenu ul {  -margin-top : 20px; -margin-left :0px; -height:20px; }/*FF  + IE6*/
*+html #ssmenu ul li{ margin-left : -86px;}/*IE7*/
*+html #ssmenu ul {margin-left : -86px; width:85px; }/*IE7*/


.menu_principal ul li {z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;}


.menu_principal ul li a {float:none !important /*Non-IE6*/ /*IE-6*/; display:block; height:22px; text-decoration:none; font-weight:bold; color:#585645;}
.menu_principal ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu_principal ul li:hover {position:relative;}
.menu_principal ul li:hover a {color:#000;}
.menu_principal ul li:hover ul {text-align:left ;padding:0; margin:0; display:block; width:172px; position:absolute; z-index:999;}
.menu_principal ul li:hover ul li {margin-bottom:3px; background-color:#000;}
.menu_principal ul li:hover ul li a {color:#FFF; white-space:normal; display:block; width:172px; height:auto; line-height:1.3em; padding-left:15px; padding-top:5px; padding-bottom:5px; text-transform:none;}
.menu_principal ul li:hover ul li a:hover {background-color:#ab1176; width:157px; text-decoration:none;}

/*IE6 hovering*/
.menu_principal table {position:absolute; top:0; left:0; border-collapse:collapse; }
.menu_principal ul li a:hover {position:relative /*IE hack*/; z-index:auto /*IE hack*/; text-decoration:none;}
.menu_principal ul li a:hover ul {text-align:left ;padding:0; margin:0; display:block; width:172px; position:absolute; z-index:999; left:0; }
.menu_principal ul li :hover ul li {margin-bottom:3px; background-color:#000;}
.menu_principal ul li a:hover ul li a {color:#FFF; white-space:normal; display:block; width:172px; height:1px; line-height:1.3em; padding-left:15px; padding-top:5px; padding-bottom:5px; text-transform:none;}
.menu_principal ul li a:hover ul li a:hover {background-color:#ab1176; width:172px; text-decoration:none;}

@media print {.menu {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}

.menu_principal ul#menu {
	text-decoration:none;
	margin:0;
	list-style:none;
	padding:0;
	float:left;
	width:172px;
	background:url(../../img/menu_onglet.gif) no-repeat left bottom;
	height:32px;
}
.menu_principal li#menu {
	text-align:center;
	margin-top:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}

div#autre_menu {
	text-align:right;
	color:#FFF;
	margin-right:5px;
	padding-top:11px;
}

div#autre_menu a {
	text-decoration:none;
	color:#FFF;
	font-size:11px;
}
div#autre_menu a:hover {
	text-decoration:underline;
	color:#FFF;
	font-size:11px;
}


/*#######################################################*/
/*###################### LE BANDEAU #####################*/
/*#######################################################*/

div#bandeau {
	height:190px;
	background-color:#bdb6b0;
}

div#bandeau img#pack_home {
	padding-top:5px;
	margin-left:30px;
}
div#bandeau img#dist_home {
	padding-top:5px;
	margin-left:30px;
}
div#bandeau img#dom_home {
	padding-top:5px;
	margin-left:30px;
}

div#bandeau img#acc_home {
	margin-left:45px;
	padding-bottom:12px;
}

div#bandeau_page {
	height:120px;
	background-color:#bdb6b0;
}

img#ico_bandeau {
	padding-top:18px;
	margin-left:30px;
	float:left;
}
img#debut_text_bandeau {
	float:left;
	padding-left:50px;
}
img#fin_text_bandeau {
}

#text_bandeau {
	float:left;
	padding-left:10px;
	padding-top:20px;
	font-size:14px;
}

.text_bandeau_pro i {
	font-weight:bold;
	font-size:14px;
}
.text_bandeau span#blanc_gde {
	font-weight:bold;
	font-size:20px;
	color:#FFF;
}
.text_bandeau span#blanc_pte {
	font-weight:bold;
	font-size:14px;
	color:#FFF;
}
.text_bandeau span#gde {
	font-weight:bold;
	font-size:20px;
}



/*#######################################################*/
/*######################### HOME ########################*/
/*#######################################################*/

div#home {
	background-color:#2b2b2b;
	height:450px;
	padding-left:20px;
	padding-top:20px;
}

div#gche_home {
	float:left;
}

div#dte_home {
	float:right;
}

div#encard {
	width:256px;
	float:left;
	background:url(../../img/home_tt_bottom.gif) no-repeat bottom left;
	padding-right:12px;
}

div#encard div#titre_encard {
	background:url(../../img/home_tt_top.gif) no-repeat left top;
	height:52px;
	text-align:center;
}
a#allone {
	text-decoration:none;
	color:white;
	
}

div#encard h2 {
	padding-top:14px;
	margin:0px;
	color:#2b2b2b;
	font-size:18px;
}
div#contenu_encard {
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #63605e;
	border-right:1px solid #63605e;
	color:#dadada;
}

div#contenu_encard h3 {
	margin:0;
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding-bottom:14px;
}

div#contenu_encard div#itali_home {
	font-style:italic;
	font-size:12px;
	text-align:justify;
	width:231px;
}

div#contenu_encard p {
	margin-bottom:10px;
	font-size:12px;
	width:234px;
	text-align:justify;
}

div#contenu_encard span#text_plus {
	color:#e2e000;
}
div#rappelauto_home {
	padding-top:10px;
	clear:both;
	width:525px;
}

/*#######################################################*/
/*####################### BOTTOM ########################*/
/*#######################################################*/

div#bottom {
	clear:both;
}

div#bottom img#coin_BG {
	float:left;
}
div#bottom img#coin_BD {
	float:right;
}
div#bottom div#contenue_baspage {
	background-color:#2b2b2b;
	height:10px;
	margin-left:10px;
	margin-right:10px;
}
div#fond_bottom {
	background-color:#2b2b2b;
	height:auto;
}

div#fond_bottom div#bottom {
	color:#2B2B2B;
	float:left;
	font-size:10px;
	padding-top:5px;
	margin-left:10px;
	width:850px;
}

div#fond_bottom div#liens_CS {
	padding-top:5px;
}

div#fond_bottom img#liens_connectsolution {
	margin-left:113px;
	_margin-left:100px;
}

/*#######################################################*/
/*#################### Text-generale ####################*/
/*#######################################################*/

#contenu_part-ctrl #text-generale {
	list-style:none;
	margin-top:5px;
	margin-left:0;
	text-align:justify;
	padding-left:10px;
}

#contenu_part-ctrl #text-generale h1 {
	font-size:18px;
	font-weight:bold;
	color:#b8b721;
}

#contenu_part-ctrl #text-generale h2 {
	font-size:13px;
	font-weight:bold;
	color:#b8b721;
}

#contenu_part-ctrl #text-generale ul li {
	list-style-image:url(../../img/puce_blc.gif);
	list-style-position:outside;
	list-style-type:none;
}

#text-generale span#notabene_contenu {
	font-style:italic;
	font-size:11px;
}

#text-generale a.lien_part_U {
	color:#b8b721;
	text-decoration:none;
}
#text-generale  a.lien_part_U:hover {
	color:#b8b721;
	text-decoration:underline;
}

#text-generale a.lien_part_SU {
	color:#b8b721;
	font-weight:bold;
	text-decoration:none;
}
#text-generale a.lien_part_SU:hover {
	color:#b8b721;
	font-weight:bold;
	text-decoration:underline;
}