/*  ----------\
	-----------------------------------------------
	Title 		: PointPub Media Communications CSS Menu Document
	Author 		: Karine Laporte
	Version 	: 1.0
	Created 	: 23-01-2010
	Copyright 	: PointPub Media Communications (c) 2010
	-----------------------------------------------
	----------/
	orange : #f9a11b
	bleu   : #2a859c
	gris   : #414042  
/*  ---------------------------------------------------------*/

/* Style général*/
body{
	font-family:Verdana, Geneva, sans-serif;	
	font-size:12px;
	line-height:1.5;
	color:#2d2a2b; 
	margin: 0px;
	position: relative;
}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,img {margin: 0; padding: 0;}
	
p	{
	margin:15px 0 15px 0;}
/********  FOOTER   **************************/	
#footer{
	height:105px; 
	background-image:url(/ui/img/bg_06.jpg);  /* background infini */
	color:#FFF;
	vertical-align:middle;}
#footer-2{
	height:195px; 
	background-image:url(../img/bg_foot.jpg);  /* background infini */
	color:#FFF;
	font-size:11px;
	vertical-align:middle;}


#footerFIX{
	height:105px; width:997px;
	margin: 0 auto;
	background-image:url(/ui/img/img_bas.jpg); background-position:center top; background-repeat:no-repeat;}
#footerFIX-2{
	height:195px; width:997px;
	margin: 0 auto;
	background-image:url(../img/img_bas100.jpg); background-position:center top; background-repeat:no-repeat;}
	
#footerFIX-info{
	height:195px; width:997px;
	margin: 0 auto;
	background-image:url(../img/img_info.jpg); background-position:center top; background-repeat:no-repeat;}
.foot_separation{
	width:2px; height:173px;
	background-image:url(../img/foot_separation.jpg); background-repeat:no-repeat;}
.foot_space{
	width:42px; height:63px;}
.foot_space2{
	width:15px; height:63px;}
#logoBas{
	padding-top:95px;}
#satisfaction{
	padding-left:30px;}
#copyright{ 
	width:350px; 
	padding-top:93px; }
	
#foot_smenu{ 
	width:142px; 
	padding-top:93px; }
#foot_logo{ 
	width:220px; 
	padding-top:1px; }
#foot_paiement{ 
	width:182px; 
	/*padding-top:93px;*/ }
#foot_valide{ 
	width:170px; 
	padding-top:93px; }
#validation{ 
	float:left;
	padding-top:40px; } 
 
/********  FIN FOOTER   **************************/	

/*******  Style colonne de gauche  ************/	
.nouvelles{	
	padding-left:10px; 
	color:#FFF;}
.bleu{ color:#2a859c; }
.gris{ color:#414042; } 
.grisPale{ color:#6d6e71; } 
.orange{ color:#f9a11b; }
.vert{ color:#690;} 
.separtionDOT{ 
	color:#f9a11b; 
	margin:20px 0 20px 0; }
.date{ color:#f9a11b; font-size:11px; font-weight:bold;}
/** FIN colonne de gauche */

/******  Style contenu  **************************************/	
/*#contenu{
	background-image:url(/ui/img/bg_04.jpg); background-repeat:repeat-x;}*/
.contenu{
	background-image:url(/ui/img/bg_04.jpg); background-repeat:repeat-x;} 
h1{
	font-size:18px;	color:#414042;  text-transform:uppercase;     padding-top:40px; }
h2{
	font-size:14px; color:#FFF; text-transform:uppercase; 	margin-bottom:10px; }
h3{
	color:#c37601; font-size:14px; text-transform:uppercase; }
h4{ 
	color:#FFF;	font-size:15px; font-weight:bold; text-transform:uppercase;}
h5{ 
	color:#2a859c;	font-size:13px; font-weight:bold; text-transform:uppercase; margin:20px 0 0 0;}
h6{
	font-size:17px;	color:#414042;  text-transform:uppercase; color:#2a859c;	}
.ligneTitre{
	width:624px; height:1px;
	background-color:#b0c5ca;
	margin:13px 0 30px 0px;}
/****************** Style des liens (dans le contenu) ************************/
li a:link {font-weight:bold;	color:#f9a11b; text-decoration:none;}
li a:visited {font-weight:bold;	color:#f9a11b; text-decoration:none;}
li a:hover {font-weight:bold;	color:#f9a11b; text-decoration:underline;}
li a:active {font-weight:bold;	color:#f9a11b; text-decoration:none;}

.PFdescription a:link {font-weight:bold;	color:#f9a11b; text-decoration:none;}
.PFdescription a:visited {font-weight:bold;	color:#f9a11b; text-decoration:none;}
.PFdescription a:hover {font-weight:bold;	color:#f9a11b; text-decoration:underline;}
.PFdescription a:active {font-weight:bold;	color:#f9a11b; text-decoration:none;}

.PFranger a:link {font-weight:bold;	color:#f9a11b; text-decoration:none; font-size:10px}
.PFranger a:visited {font-weight:bold;	color:#f9a11b; text-decoration:none; font-size:10px}
.PFranger a:hover {font-weight:bold;	color:#f9a11b; text-decoration:underline; font-size:10px}
.PFranger a:active {font-weight:bold;	color:#f9a11b; text-decoration:none; font-size:10px}

.liChiffre li{
	list-style:decimal;}

a:link {font-weight:bold;	color:#414042; text-decoration:none;}
a:visited {font-weight:bold;	color:#414042; text-decoration:none;}
a:hover {font-weight:bold;	color:#f9a11b; text-decoration:underline;}
a:active {font-weight:bold;	color:#f9a11b; text-decoration:none;}


/*#validation a:link{color:#414042; text-decoration:none;}*/   /* Liens href*/
/*#validation	a:visited {color:#414042; text-decoration:none;}
#validation a:hover {color:#f9a11b; text-decoration:underline;}
#validation a:active {color:#414042; text-decoration:none;}*/


.lienValide a:link{color:#414042; text-decoration:none;}   /* Liens href*/
.lienValide	a:visited {color:#414042; text-decoration:none;}
.lienValide a:hover {color:#f9a11b; text-decoration:underline;}
.lienValide a:active {color:#414042; text-decoration:none;}
.footer-2 a:link{color:#464f39; text-decoration:none;}   /* Liens href*/
.footer-2	a:visited {color:#464f39; text-decoration:none;}
.footer-2 a:hover {color:#ffffff; text-decoration:underline;}
.footer-2 a:active {color:#464f39; text-decoration:none;}
/*.plan a:link{color:#414042; text-decoration:none;}    Liens href
.plana:visited {color:#414042; text-decoration:none;}
.plan a:hover {color:#f9a11b; text-decoration:underline;}
.plan a:active {color:#414042; text-decoration:none;}*/

.liensSM a:link {color:#c0dd98; text-decoration:none;}
.liensSM a:visited {color:#c0dd98; text-decoration:none;}
.liensSM a:hover {color:#c0dd98; text-decoration:underline;}
.liensSM a:active {color:#c0dd98; text-decoration:none;}

.enumeration li{
	margin:5px 0 0 35px; 	}

.enumerationRGHT li{
	margin:5px 0 0 275px; 	}

.EnumPROPOS dt{
	color:#414042;
	font-weight:bold;
	text-transform:uppercase;}
	
.EnumPROPOS dd{
	margin:0 0 20px 20px;
}

.twoColFixLtHdr #container { 
	width: 997px;  /* - 20 px qu la largeur normale ?? a tester.. */
	background-image:url(/ui/img/bg_colonneG.jpg); background-repeat:repeat-y; background-position:left;
	margin: 0 auto; /* centre la page */
	text-align: left; } 
.twoColFixLtHdr #sidebar1 {
	float: left; 
	width: 223px; /* a verifier dans explorer*/ 
	background-image:url(/ui/img/colonneG.jpg); background-repeat:no-repeat; 
	padding: 67px 58px 17px 58px;}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 60px 333px; 
	padding: 0 20px;  } 
	
#contenuCol {
	width:250px;
	margin-left:15px;
	background-image:url(/ui/img/bg_colonneCont.jpg); background-repeat:no-repeat;
	padding:3px 22px 22px 22px;} 
#contenuCol2 {
	width:250px;
	background-image:url(/ui/img/bg_colonneCont.jpg); background-repeat:no-repeat; margin-left:690px; padding:3px 22px 22px 22px;} 
#contenuCol li{
	margin-left:20px;
	list-style:disc;
	line-height:2;}
#contenuCol2 li{
	margin-left:30px;
	list-style:disc;
	/*line-height:2;*/
	padding-bottom:10px;}
#descriptions{ width: 243px; height:188px }
#realisations{ width: 620px;  height:188px; text-align:right; }
.spacerTop{ height:30px;   }

.PFdescription{
	width:183px; float:left; }
.PFbox{
	width:630px; height:240px; }
.PFphoto{
	 width:384px; height:210px; float:left;	 }
.PFranger{ 
	width:625px; height:150px; }
.PFbox2{ 
	width:180px; float:left; }
.PFspacer{ 
	width:70px; height:4px;}
/***** FLOAT ****************/
.fltrt { /* fixe un element a droite*/
	float: right;
	margin-left: 8px;
}
.fltlft { /* fixe un element a gauche */
	float: left;
	margin-right: 8px; 
}
.fltlft_img { /* fixe une image a gauche */
	float: left;
	margin-right: 15px; 
}
.clearfloat { /* Stop les float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}