@charset "utf-8";

/* Structure générale */
    .wrapModules {
   	    position: relative;
	    width: 80%;
	    margin: 0 auto;
    }
	.wrapModules.moduleContent {
		padding: 0.5em;
		margin-top: -0.5em;
		overflow: hidden;
		zoom: 1;
	}
	/* angles */
	.wrapModules .topRight {
		float: right;
		width: 10px;
		height: 32px;
		background: transparent url(module_top_right.gif) no-repeat;
	}
	.wrapModules .topLeft {
		float: left;
		width: 10px;
		height: 32px;
		background: transparent url(module_top_left.gif) no-repeat;
	}
	.wrapModules .bottomRight {
		float: right;
		width: 10px;
		height: 10px;
		background: transparent url(module_bottom_right.gif) no-repeat;
	}
	.wrapModules .bottomLeft {
		float: left;
		width: 10px;
		height: 10px;
		background: transparent url(module_bottom_left.gif) no-repeat;
	}
	/* cotés */
	.wrapModules .sideLeft {
		height: 100%;
		background: transparent url(module_side_left.gif) top left repeat-y;
	}
	.wrapModules .sideRight {
		height: 100%;
		background: transparent url(module_side_right.gif) top right repeat-y;
	}
	.wrapModules .sideTop {
		width: auto;
		height: 32px;
		background: transparent url(module_side_top.gif) repeat-x;
	} 
	.wrapModules .sideBottom {
		width: auto;
		height: 10px;
		background: transparent url(module_side_bottom.gif) repeat-x;
	}
	
/* Présentation */
    html, body {
        margin: 0;
        padding: 0;
    }
  
 

    body
     {
     width: 100%;
     background-color:#99CCFF;
     /*font-family: 'Lucida Grande', Verdana, Arial, sans-serif;*/
     font-family: georgia, verdana, 'Lucida Grande', Arial , serif;

     font-size:100%;
     margin-top= 1em;
     
      /*   line-height: 1.5;
      font-family: Arial, Helvetica, sans-serif;
      color: #333;
	  */

      }      

.wrapModules h1 {
		margin: 0;
		font-size: 1.2em;
		color: #666;
		text-align: center;
	}
.wrapModules h2,.wrapModules h3,.wrapModules h4 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
.wrapModules p {
	padding: 0;
	margin: 0;
}
.wrapModules blockquote {
	margin-left:40%;
 	font-style:italic;
 	font-size:0.8em;
	border: none;
 }
.wrapModules hr {
	height: 3px;
	margin: 0.5em 0;
	padding: 0;
	color: #C2C4C9;
	background-color: #C2C4C9;
	border: 0;
}
.wrapModules .cols {
	padding: 1em;
}
.wrapModules .clear {
	clear: both;
}

 

.wrapModules #col1 {
	float: left;
	width: 27%;
	margin-right: 1%;
	background-color: #c0c0c0;
}

.wrapModules #col1EnTete {
	float: left;
	width: 27%;
	margin-right: 1%;
	background-color: #5898e7;
}
.wrapModules #col2Centrale {
    margin-left: 0%;
    overflow:hidden;
    width: 37%;
    background-color: #C2C4C9;
}
.wrapModules #col2CentraleCentree {
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
    overflow:hidden;
    width: auto;
    background-color: #C2C4C9;
}
.wrapModules #col3 {
	float: right;
	margin-left: 1%;
 	width: 27%;
 	background-color: #C2C4C9;
}
.wrapModules .center {
    text-align: center;
}