/* CSS Document */
/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/

body{
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img{border:0;}
#global{
	background-color:#1b1b1b;
	width:977px;
	margin:auto;
}
#menuflash{	
	height:273px;
	width:952px;
	margin-left:9px;
	float:left;
}
#menutemp{
	background:url(../images/menu_temp.jpg) no-repeat;
	height:273px;
	width:952px;
	margin-left:9px;
}
#sousmenu{
	height:9px;
	width:952px;
	background:url(../images/sousmenu-background.gif) no-repeat;
	margin-left:9px;
	float:left;
}
#contenu{
	background:url(../images/contenu-background.gif) no-repeat bottom;
	background-color:#d1d9df;
	width:943px;
	margin-left:18px;
}
#gauche{
	width:328px;	
	float:left;
}
#gauche h2{
	display:block;
	float:left;
	height:33px;
	width:266px;
	background:url(../images/titre-background.gif) repeat-x bottom;
	margin:3px 0 12px 25px;
}
#droite-avec-bg{
	background:url(../images/droite-background.gif) no-repeat 0 31px;
}
#droite{
	width:613px;
	padding-left:2px;
	background:url(../images/gauche-background.gif) repeat-y left;
	float:left;
}
.calendrier-jour{
	height:25px;
	width:22px;
	margin-top:5px;
	background:url(../images/calendrier-jour.gif) no-repeat top;
	color:#326095;	
	font-weight:bold;
	font-size:12px;
	float:left;
}
.calendrier-jour p{
	text-align:center;
	height:21px;
	margin-top:6px;
	display:block;
}
.faux_hr{
	clear:both;
	visibility:hidden;
	height:0px;
	margin:0;
	padding:0;
	border:0;
}
#footer{
	height:16px;
	padding-top:1px;
	font-size:11px;
	color:#15849d;
	text-align:right;
}
#footer a{
	color:#15849d;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
}
#logo_wipiix{
	float:right;
	margin:2px 17px 0 6px;
}
#nav{

}
#nav a{
	font-size:9px;
	text-decoration:none;
	color:#9a9694;
}
#nav strong{
	color:#15849d;
}
/**********************************************************ACCUEIL*************************************/
.un-evenement-gauche{
	margin:0px 0 17px 33px;
	float:left;
}
.un-evenement-gauche-jour{
	/*height:45px;*/
	width:39px;
	float:left;
}
.un-evenement-gauche-texte{
	width:213px;
	font-size:12px;
	line-height:18px;
	color:#0e2c4f;
	float:left;
}
.un-evenement-gauche-texte a{
	color:#15849d;
}
#titre-droite-accueil{
	margin:4px 0 0 25px;
}

#accueil-par1{
	color:#15849d;
	font-size:13px;
	line-height:15px;
	width:540px;
	margin:17px 0 0 28px;
}
#accueil-par2, #accueil-par3{	
	padding-left:106px;
	width:455px;
	color:#0e2c4f;
}
#accueil-par2{background:url(../images/accueil-picto1.gif) no-repeat 17px 19px;}
#accueil-par3{
	background:url(../images/accueil-picto2.gif) no-repeat 18px 29px;
	margin:4px 0 7px 0;
}

#accueil-par2 h3, #accueil-par3 h3{
	margin:0;
	font-size:14px;
	font-weight:normal;
	color:#15849d;
	text-decoration:underline;
}

/*******************************************************EXPERTISE**************************/
#expertise-gauche-texte{
	width:255px;
	margin:0 0 0 34px;
	line-height:18px;
	color:#0e2c4f;
}
#expertise-gauche-texte strong{
	font-weight:normal;
	font-size:13px;
	color:#15849d;
}

#titre-droite-expertise{
	margin:3px 0 6px 26px;
}
#expertise-droite p{
	width:539px;
	font-size:13px;
	line-height:15px;
	color:#15849d;
	margin:0 0 5px 28px;
}
#expertise-droite br{line-height:11px;}

#expertise-cadre-bandeau{
	height:123px;
	width:610px;
	margin:0 0 7px 1px;
	background:#e3e8ec url(../images/bandeau-image-background.jpg) no-repeat top;
}
/******************************************************REFERENCES**************************/
#references-gauche{
	float:left;
	width:328px;
}
#reference-gauche-fixed{
	position:fixed;
	margin:0 0 0 0;
	width:328px;
}
#references-gauche a{
	color:#0e2c4f;
	font-size:14px;
	margin-left:16px;
}
#references-gauche a:hover{
	color:#6c7a87;
}
#references-gauche ul{
	list-style:none;	
	margin:0 0 0 5px;
	padding:0 0 0 24px;
}
#references-gauche li{
	background:url(../images/puce.gif) no-repeat 5px 5px;
	margin:0 0 8px 0;
}
#titre-droite-ref{
	margin:3px 0 9px 26px;
}
.ref-une-ref{
	height:179px;
	width:557px;
	background:url(../images/ref-une-ref-background.jpg) no-repeat;
	margin:11px 0 0 24px;
	float:left;
}
.ref-une-ref-cadre-photo{
	height:138px;
	width:162px;
	background-color:#dde5ec;
	border:1px solid #6c7a87;
	margin:20px 0 0 17px;
	text-align:center;
	float:left;
}
.ref-une-ref-texte h2{
	color:#0e2c4f;
	text-decoration:underline;
	font-size:14px;
	font-weight:normal;
	margin: 18px 0 4px 14px;
	float:left;
}
.ref-une-ref-texte p{
	color:#15849d;
	width:347px;
	font-size:13px;
	line-height:18px;
	margin:0 0 0 14px;
	float:left;
}
.ref-une-ref-texte a{
	color:#0e2c4f;	

}
#ref-bas{
	width:613px;
	margin:8px 0 8px 0;
	font-size:9px;
	text-align:center;	
	float:left;
}
#ref-bas a{
	color:#0e2c4f;
	text-decoration:none;
}
#ref-bas-gauche{
	margin-left:26px;
	float:left;
}
#ref-bas-droite{
	margin-right:34px;
	float:right;
}

/******************************************************ACTUALITES**************************/
#titre-droite-actu{
	margin:3px 0 0 25px;
}
#actu-les-actus{margin:23px 0 0 5px;}
.une-actu{
	height:136px;
	width:272px;
	color:#15849d;
	margin:17px 0 0 20px;
	float:left;
}
.une-actu h3{
	margin:-2px 0 2px 0;
	font-weight:normal;
	text-decoration:underline;
	font-size:12px;
	color:#0e2c4f;
}
.une-actu a{	
	color:#0e2c4f;
}
.actu-cadre-photo{
	height:102px;
	width:118px;
	margin-right:5px;
	background-color:#dde5ec;
	border:1px solid #707d8a;
	text-align:center;
	float:left;
}
.actu-texte{
	width:266px;
	line-height:18px;
	margin:0 0 0 4px;
	float:left;
}
#actu-bas{
	width:613px;
	margin:35px 0 8px 0;
	font-size:9px;
	text-align:center;	
	float:left;
}
#actu-bas a{
	color:#0e2c4f;
	text-decoration:none;
}
#actu-bas-gauche{
	margin-left:35px;
	float:left;
}
#actu-bas-droite{
	margin-right:34px;
	float:right;
}

.une-actu-gauche{
	margin:0px 0 0px 33px;
	float:left;
}
.une-actu-gauche-jour{
	/*height:45px;*/
	width:39px;
	float:left;
}
.une-actu-gauche-texte{
	width:213px;
	font-size:12px;
	line-height:34px;
	color:#0e2c4f;
	float:left;
}
.une-actu-gauche-texte a{
	color:#15849d;
}
/********************************************************CONTACT****************************/
/*gauche*/
#gauche-contact{
	background:url(../images/contact-picto.jpg) no-repeat 26px 52px;
	width:328px;
	color:#0e2c4f;
	float:left;
}
#gauche-contact h2{
	display:block;
	float:left;
	height:33px;
	width:266px;
	background:url(../images/titre-background.gif) repeat-x bottom;
	margin:3px 0 12px 25px;
}
#contact-para1{
	width:202px;
	margin:1px 0 0 71px;
	line-height:18px;
	float:left;
}
#contact-para2{
	width:218px;
	margin:7px 0 0 71px;
	line-height:16px;
	float:left;
}
#contact-para2 strong{
	color:#15849d;
	margin:5px 0 0 0;
	font-weight:normal;
}
/*droite*/
#contact h2{
	padding:0;
}
#contact-droite{
	background:url(../images/droite-background.gif) no-repeat 0 54px;
	padding-top:15px;
	height:290px;
}

#fieldset-coordonnees input, #fieldset-message textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0e2c4f;
	border:1px solid #0e2c4f;
	background-color:#eae9e9;
}
#fieldset-coordonnees{
	height:174px;
	width:378px;
	margin:8px 0 0 0px;
	padding:0 0 0 29px;
	float:left;
}
#fieldset-coordonnees h2{
	margin:0 0 22px -5px;
	width:365px;
}
#fieldset-coordonnees input{
	height:18px;
	width:169px;
	margin:0 11px 5px 0;
}
#fieldset-message{
	height:207px;
	width:172px;
	margin:11px 0 0 0;
	float:left;
}
#fieldset-message h2{
	margin:0 0 17px -5px;
	float:right;
}
#fieldset-message textarea{
	height:126px;
	width:168px;
	overflow:auto;
}
#contact_bouton_envoyer{
	background:url(../images/contact_bouton_envoyer.gif) no-repeat;
	background-position:center;
	cursor:pointer;
	border:0;
	width:72px;
	height:14px;
	margin:20px 1px 0 0px;
	display:block;
	float:right;
}

#fieldset-fichier{
	float:left;
	margin:14px 0 0 0px;
}
#fieldset-fichier h2{
	margin:0 0 6px -5px;
}
#fieldset-fichier input{
	height:22px;
	width:250px;
}
/*********************************************************BROCHURE***************************************************/
#gauche-brochure{
	background:url(../images/brochure-visuel.jpg) no-repeat 36px 132px;
	width:328px;
	height:600px;
	float:left;
}
#gauche-brochure a{
	margin:26px 0 0 44px;
	float:left;
}
#gauche-brochure h2{
	display:block;
	float:left;
	height:33px;
	width:266px;
	background:url(../images/titre-background.gif) repeat-x bottom;
	margin:3px 0 12px 25px;
}

#brochure h3{
	margin:0 0 0 11px;
}
#brochure-intro{
	font-size:14px;
	color:#15849d;
	width:541px;
	margin:24px 0 19px 25px;
	line-height:17px;
}
.brochure-para{
	font-size:12px;
	color:#0e2c4f;
	width:555px;
	margin:10px 0 19px 25px;
	line-height:15px;
}
.brochure-para em{
	font:italic 13px;
	color:#15849d;
}
#brochure-liste-niv1{
	color:#15849d;
	margin:0 0 20px 30px;
}
#brochure-liste-niv1 li{
	margin:15px 0 0 0;
}
#brochure-liste-niv2{
	margin:0 0 0 0;
	color:#0e2c4f;
}
#brochure-liste-niv2 li{
	margin:0 0 0 0;
}
/***************************************PARTENAIRES***********************************/
#partenaires{   
   float:left;
   margin:0 0 20px 0;
}
#partenaires h2{
  display:block;
  float:left;
  height:33px;
  width:306px;
  background:url(../images/titre-background.gif) repeat-x bottom;
  margin:3px 0 20px 25px;
}
#liste-partenaires{
   width:950px;
   float:left;
}
.un-partenaire{
   width:162px;
   margin:0 0 20px 22px;
   float:left;
}
a.partenaire-nom{
   margin:0 0 2px 5px;
	font-weight:normal;
	text-decoration:underline;
	font-size:12px;
	color:#0e2c4f;
}
.partenaire-cadre-photo{
	height:138px;
	width:162px;
	background-color:#dde5ec;
	border:1px solid #6c7a87;
	margin:10px 0 0 0px;
	text-align:center;
	float:left;
}