/* *** Generated by www.csscreator.com *** */
/* couleurs 
bleu fonce  : #3680C7 fond de barre de menu
bleu clair  : #E3F4FF fond de colonne droite
blanc cassÈ : #EDF7FC;pour le texte des titres module
vert logo   :#C7D800 


*/

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: Verdana,"Trebuchet MS",Arial, Helvetica,  sans-serif;
	font-size:12px; 
	/*color:#000;*/
	background-color:#CDD8D7;
} 
 
#conteneur{ 
 width:1000px !important;
 width:1000px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 
 /*border:1px solid #000 !important;*/
 border:0px solid #000;
 } 

/*===========================================fin css gÈnÈrÈ ==============================================================*/
#centre
{
	padding:30px 0 0 0;
	width:800px;
	margin:0;
	float:left;
}
#colonne_gauche
{
	float:left;
	width:230px !important;
	width:260px;
	padding:0 0 20px 30px;
	/*border:1px solid #000;*/
}
#colonne_droite
{
	float:right;
	width:170px !important;
	width:180px;
	padding:0 5px;
	/*border:1px solid #000;*/
}
#colonne_centre
{
	float:left;
	width:600px !important;
	width:600px;
	padding:0 0px 0px 0px;
	/*border:1px solid #000;*/
}
#colonne_centre_large
{
	float:left;
	width:600px !important;
	width:620px;
	padding:0 10px 0 10px;
	/*border:1px solid #000;*/
}
#colonne_centre_double
{
	float:left;
	/*width:352px !important;*/
	width:600px !important;
	width:620px;
	padding:0 10px 0 10px;
	/*border:1px solid #000;*/
}

#site
{
	float:left;
	width:90px;
	padding:0 50px 0 50px;
}
.clr{clear:both;border:0px solid #000;}
.spacer{clear:both;visibility:hidden;height:0px}
/*=======================================================================================================
Les differents modules :   header, footer, ...
========================================================================================================*/
#header
{ 
 height:100%; 
 width:180px; 
 background-color:#fff;
 float:left;
}

#footer
{
	clear:both;
	height:15px !important;
	height:20px;
	padding-top:5px;
	background-color:#afc0c0;
	color:#fff;
	text-align:center;
	letter-spacing:2px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
/* IE Mac seulement aura ce qui suit: \*//*/
	#footer{padding-bottom:0;}
 /**/
#footer a{color:#fff;text-decoration:none;font-size:10px;}
#footer a:hover{color:#000;text-decoration:none;} 
#footer span{font-size:10px;}

#multipage
{
	clear:both;
	text-align:center;
}
.titre_long_module
{
	background-image:url(images/module_vide_long.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
	color:#EDF7FC; /*blanc cassÈ pour le texte des titres module */
	font-size:12px;
	line-height:22px;
	text-transform: uppercase;
}
.titre_long_module a{color:#EDF7FC;}
.titre_long_module a:hover{color:#EDF7FC;}
#module_portfolio
{
	float:left;
	width:230px;
}
/*=======================================================================================================
MISE      EN     FORME     DU       TEXTE
========================================================================================================*/
h1{	margin:0;	font-size:16px;}
h2{	font-size:14px;	/*color:#FFFFFF;*/}
h3{	margin:0;	font-size:12px;	color:#666261;}
h4{	margin:0;	font-size:10px;	font-weight:lighter;}
h6{	margin:0;	font-size:9px;	line-height:9px;	font-weight:lighter;}

p{	margin:0;padding:0;}
p.liste{	margin:0;}
.selected{	margin:0;	font-weight:bold;	color:#eb4f1c;/* bleu barre de menu */}

.pad_20_10{	padding:20px 0 10px 0;}
.pad_20_0{	padding:20px 0 0 0;color:#eb4f1c;}
.pad_0_10{	padding:0 0 10px 0;}

ul,li{margin:0;padding:0;list-style-position:inside;}

.texte_blanc12
{
	font-size:12px;
	color:#FFFFFF;
}
.texte_blanc11
{
	font-size:11px;
	color:#FFFFFF;
}
.intro
{
	font-size:10px;
	line-height:10px;
	padding:0;margin:0;
}

.tunnel
{
	font-size:10px;
	color:#7b7e7d;
}

.tunnel_services
{
	font-size:10px;
	font-weight:bold;
}

.tunnel_liste
{
	font-size:10px;
	margin:0;
}

a{color:#000;text-decoration:none;}
a:hover{color:#666261;text-decoration:none;}

hr
{
	margin:0;
	border:none;
	height:1px;
	margin-top:5px;
	clear:both;
}
.fond_blanc{background-color:#FFFFFF;}
.fond_bleu_fonce{background-color:#3680C7;}
.fond_bleu_clair{background-color:#E3F4FF;}

.important
{
	color:#FF0000;
}
/*=====================================================================
MISE EN FORME DES IMAGES
===================================================================*/
img
{
	border:none;
}
.bord_noir
{
	border:1px solid #000;
}

.bord_blanc
{
	border:4px solid #fff;	

} 

.img_gauche
{
	float:left;
	margin-right:5px;
}
.img_droite
{
	float:right;
	margin-left:5px;
}
.img_align_gauche
{
	float:left;
	/*margin-right:5px;*/
}
/*=======================================================================================================
MISE      EN     FORME     DU       MENU
========================================================================================================*/
#menu
{
	font-size:14px;
	width:770px;
	padding:25px 0 0 30px !important;
	padding:2px 0 0 30px;
    float:left;
}
#menu li
{
	display:inline;
	list-style-type:none;
}
#menu img{float:left;}
#menu a
{
	display:block;
	height:31px;
	float:left;
	color:#000;
	background-image:url(images/menu_fond_off.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
#menu a:hover
{
	color:#000;
	background-image:url(images/menu_fond_on.jpg);
	background-position:left top;
	background-repeat:repeat-x;	
}
#menu a.select
{
	color:#000;
	background-image:url(images/menu_fond_on.jpg);
	background-position:left top;
	background-repeat:repeat-x;	
}
#menu a .menu_g
{
	float:left;
	width:7px;height:31px;
	background-image:url(images/menu_g_off.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
}
#menu a:hover .menu_g
{
	float:left;
	background-image:url(images/menu_g_on.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
}
#menu a.select .menu_g
{
	float:left;
	background-image:url(images/menu_g_on.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
}
#menu a .menu_d
{
	float:left;
	width:6px;height:31px;
	background-image:url(images/menu_d_off.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
}
#menu a:hover .menu_d
{
	float:left;
	background-image:url(images/menu_d_on.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
}
#menu a.select .menu_d
{
	float:left;
	background-image:url(images/menu_d_on.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
}
#menu a .menu_centre{float:left;height:31px;padding:5px 0;text-align:center}


/*=======================================================================================================
				LA  PAGE   TUNNEL
========================================================================================================*/
#centre_tunnel
{
	text-align:center;
}

/*=======================================================================================================
				LA  PAGE   D'ACCUEIL
========================================================================================================*/
.pres
{
text-align:center;
}
/*=======================================================================================================
				LA  PAGE   PORTFOLIO
========================================================================================================*/
.visuelProduit
{
float:left;
width:120px;
min-height:150px;
height:inherit !important;
height:150px;
padding:5px;
}

/*=======================================================================================================
				LA  PAGE   COMPETENCES
========================================================================================================*/
.visuelProduitC
{
float:left;
width:120px;
min-height:150px;
height:inherit !important;
height:150px;
padding:5px;
}
/*=======================================================================================================
				LA  PAGE   CONTACT
========================================================================================================*/
#module_civilite
{
	float:left;
	width:250px;
}

.contact_form input{border:1px solid #3680C7;}
.contact_form textarea{border:1px solid #3680C7;}
#valider
{
	float:right;
	margin-right:150px !important;
	margin-right:75px;
}

label
{
	/*margin-left:50px;*/
	float: left;
	width:90px;
	text-align:left;
}

/*=======================================================================================================
				LES  PAGES   ANNUAIRE
========================================================================================================*/

input{border:1px solid #3680C7;margin:2px;padding:2px}
input.valider{background-color:#E3F4FF;}
.module_annuaire_cat
{
	float:left;
	width:210px !important;
	width:240px;
	text-align:left;
	margin-bottom:10px;
	padding:0 30px 0 0;
}
.module_annuaire_site
{
	float:left;
	width:300px;
	height:120px;
	margin-bottom:10px;
	text-align:left;
	padding:10px 15px 10px 17px;
}
/*################ LE FORMULAIRE D'AJOUT DE SITES */
#proposer_forme 
{
	color:#000;
}

#proposer_forme label
{
	/*border: 1px solid #000;*/
	float:left;
	width:110px;
	text-align:left;
}
#proposer_forme input{width:235px;border:1px solid #3680C7;margin:2px;padding:2px}
#proposer_forme textarea{width:235px;border:1px solid #3680C7;margin:2px;padding:2px;font-family:Verdana,Arial,sans-serif;font-size:12px;}
#proposer_forme select{width:240px;border:1px solid #3680C7;margin:2px;}
#proposer_forme .valider{background-color:#E3F4FF;width:235px;border:1px solid #3680C7;margin:2px;padding:2px}
/* ############# recherche #########*/
.surbrillance
{
	background-color:#E3F4FF;
	color:#3680C7;
}