@import url("layout.css");
/* Styles pour les éléments de page */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:  12px;
	color: #000;
	text-align: justify;
	background-color: #ffffff;
}
#container {
	width: 950px;
	margin: 0 auto;
	background-color: #4430a6;
}
/* Styles pour le cartouche haut de page */
#masthead {
	text-align: right;
	width: 950px;
	overflow: auto;
	background-color: #f2c242;
		
}


#sidebar {
	float: left;
	width: 190px;
	background-color: #f2c242;
	position: relative;
	clear: both;
	display: inline;
}
#content {
	float: left;
	width: 723px;
	padding: 15px;
	overflow: auto;
	background-color: #fff;
	margin: 0px;
	position: relative;
}	


/* Marges texte autour image Gauche */

.image_gauche {
 float: left;
 margin-right: 15px;
 margin-bottom: 10px;
}

/* Marges texte autour image Droite */

.image_droite {
 float: right;
 margin-left: 15px;
 margin-bottom: 10px;
}

/* CONTENU SEPARE EN 2 COLONNES */

/* Positions de la colonne Gauche */
#colgauche {
	float: left;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/* Positions de la colonne Droite */
#coldroite {
	float: right;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/* Positions de la colonne Gauche 1 */
#colgauche1 {
	float: left;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/* Positions de la colonne Droite 1 */
#coldroite1 {
	float: right;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/* Positions de la colonne Gauche 2 */
#colgauche2 {
	float: left;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/* Positions de la colonne Droite 2 */
#coldroite2 {
	float: right;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/* Positions de la colonne Gauche 3 */
#colgauche3 {
	float: left;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/* Positions de la colonne Droite 3*/
#coldroite3 {
	float: right;
	width: 352px;
	padding: 0px 0px 20px 0px;
	}

/*------------------------------------------------------------------------------------*/
/* instructions pour bordure droite du quatrieme bloc vertical ou horizontal */
#bloc4id{
border-right:1px dashed #444444;
}
/* Bloc de 4 images horizontales avec texte en dessous */
.bloc4ih{
background-color:#ffffff;
border:1px dashed #444444;
border-right:none;
width:185px;
margin:0;
margin-top:5px;
float:left;
color:#999999;
}
/* Traitement des images contenues dans le bloc4 */
.bloc4ih img{
width:160px;
margin:5px;
margin-left:12px;
top:0;
}
/* Traitement du texte paragraphe contenu dans le bloc4 */

.bloc4ih p{
color:#777777;
margin:3px;
}
/*------------------------------------------------------------------------------------*/
/* Pave de 4 images verticales avec texte en dessous */
.bloc4iv{
background-color:#ffffff;
border:1px dashed #444444;
width:185px;
margin:0;
margin-top:5px;
border-right:none;
float:left;
color:#999999;
}

/* Traitement des images contenues dans le pave 4 photos verticales */
.bloc4iv img{
height:160px;
margin:5px;
margin-left:40px;
top:0;
}
/* Traitement du texte paragraphe contenu dans le pave 4 photos verticales*/

.bloc4iv p{
color:#777777;
margin:3px;
}

/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/

/* Bloc de 4 mini photos horizontales avec texte encadrant image */
.bloc4mih{
background-color:#ffffff;
border:1px dashed #444444;
border-right:none;
width:185px;
margin:0;
margin-top:5px;
margin-bottom:5px;
float:left;
color:#999999;
}
/* Traitement des images contenues dans le bloc4 */
.bloc4mih img{
width:60px;
margin:5px;
top:0;
float:left;
}
/* Traitement du texte paragraphe contenu dans le bloc4 */

.bloc4mih p{
color:#777777;
margin:3px;
text-align:left;
}
/*------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------*/
/* instructions pour bordure droite du troisieme bloc vertical ou horizontal */
#bloc3id{
border-right:1px dashed #444444;
}
#bloc3id0{
border-right:1px dashed #444444;
}
#bloc3id1{
border-right:1px dashed #444444;
}
#bloc3id2{
border-right:1px dashed #444444;
}
#bloc3id3{
border-right:1px dashed #444444;
}
#bloc3id4{
border-right:1px dashed #444444;
}
#bloc3id5{
border-right:1px dashed #444444;
}
#bloc3id6{
border-right:1px dashed #444444;
}#bloc3id7{
border-right:1px dashed #444444;
}

/* FIN instructions pour bordure droite du troisieme bloc vertical ou horizontal */
/*------------------------------------------------------------------------------------*/




/* Bloc de 3 images horizontales avec texte en dessous */
.bloc3ih{
background-color:#ffffff;
border:1px dashed #444444;
border-right:none;
width:236px;
margin:0;
margin-top:5px;
margin-bottom:15px;
float:left;
color:#999999;
}
/* Traitement des images contenues dans le bloc3 images */
.bloc3ih img{
width:200px;
margin:5px;
margin-left:22px;
top:0;
}
/* Traitement du texte paragraphe contenu dans le bloc3 */

.bloc3ih p{
color:#777777;
margin:3px;
}
/*------------------------------------------------------------------------------------*/
/* Pave de 3 images verticales avec texte en dessous */
.bloc3iv{
background-color:#ffffff;
border:1px dashed #444444;
width:247px;
margin:0;
margin-top:5px;
border-right:none;
float:left;
color:#999999;
}

/* Traitement des images contenues dans le pave 3 photos verticales */
.bloc3iv img{
height:170px;
margin:5px;
margin-left:70px;
top:0;
}
/* Traitement du texte paragraphe contenu dans le pave 3 photos verticales*/

.bloc3iv p{
color:#777777;
margin:3px;
}


/*------------------------------------------------------------------------------------*/
/*-------------- bloc 2 images horizontales ------------------------*/
/*------------------------------------------------------------------------------------*/


/* Bloc de 2 images horizontales avec texte en dessous */
.bloc2ih{
background-color:#ffffff;
border:1px dashed #444444;
border-right:none;
width:354px;
margin:0;
margin-top:5px;
margin-bottom:15px;
float:left;
color:#999999;
}
/* Traitement des images contenues dans le bloc2 images */
.bloc2ih img{
width:200px;
margin:5px;
margin-left:75px;
top:0;
}
/* Traitement du texte paragraphe contenu dans le bloc 2 images */

.bloc2ih p{
color:#777777;
margin:3px;
}
/*------------------------------------------------------------------------------------*/
/* instructions pour bordure droite du second bloc vertical ou horizontal */
#bloc2id{
border-right:1px dashed #444444;
}
#bloc2id0{
border-right:1px dashed #444444;
}
#bloc2id1{
border-right:1px dashed #444444;
}
#bloc2id2{
border-right:1px dashed #444444;
}
#bloc2id3{
border-right:1px dashed #444444;
}
#bloc2id4{
border-right:1px dashed #444444;
}

/* FIN instructions pour bordure droite du second bloc vertical ou horizontal */
/*------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

/* Style pour 4 blocs photos verticales */

.bloc1 {background-color: white;height: 192px;
width: 128px;
float: left;}
.bloc2 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 75px;}
.bloc3 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 75px;}
.bloc4 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 75px;}


/* Style pour 3 blocs photos horizontales */

.bloc5 {background-color: white;height: 150px;
width: 230px;
float: left;}
.bloc6 {background-color: white;height: 150px;
width: 230px;
float: left;margin-left: 14px;}
.bloc7 {background-color: white;height: 150px;
width: 230px;
float: left;margin-left: 14px;}
.bloc5a {background-color: white;height: 150px;
width: 230px;
float: left;}
.bloc6a {background-color: white;height: 150px;
width: 230px;
float: left;margin-left: 14px;}
.bloc7a {background-color: white;height: 150px;
width: 230px;
float: left;margin-left: 14px;}


/* Style pour blocs mixtes 2 photos horizontales et 1 verticale */

.bloc8 {background-color: white;height: 192px;
width: 240px;
float: left;margin-left: 22px;}
.bloc9 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 42px;}
.bloc10 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 42px;}

/* Style pour blocs photos petits formats mixtes 2 photos horizontales et 2 verticales */

.bloc11 {background-color: white;height: 140px;
width: 210px;
float: left;margin-left: 15px;}
.bloc12 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 15px;}
.bloc13 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 15px;}
.bloc14 {background-color: white;height: 140px;
width: 210px;
float: left;margin-left: 15px;}


h1
/* propriétés des titres H1 */
{
font-family:Verdana;
font-size: 28px;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
color:#4430A6;
}

/* propriétés des titres H2 */
h2 {
	font-family:Verdana;
	font-size: 24px;
font-style:normal;
font-weight:bold;
color:#9cbc1a;
	}
}


/* propriétés des titres H6 */

h6 {font-family:Verdana;
font-size: 15px;
color:#808080;
}

/* propriétés des titres H3 */
h3 {
	font-family:Verdana;
	font-size: 20px;
font-style:normal;
font-weight:bold;
	color:#808080;
}

/* propriétés des titres H4 */
h4 {
	font-family: Verdana;
	color:#4430A6;
	text-transform:none;
	font-size: 18px;
	font-weight:bold
}

/* propriétés des titres H5 */
h5 {
	font-family: Verdana;
	color:#9cbc1a;
	text-transform:none;
	font-size: 17px;
	font-weight:bold
}

/* propriétés des titres H6 */

h6 {font-family:Verdana;
font-size: 15px;
color:#808080;
}


#content img {
	display: block;
}
#footer {
	clear: both;
	width: 950px;
	background-color: #c0c0c0;
	padding: 0;
	overflow: auto;
	margin-top: 0px;
}
#masthead img {
	float: left;
	text-decoration:none;
		
}

img{
   border:0;
}

p {
	text-align: justify;
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0;
}
/* Styles pour les éléments de navigation */
/* Styles pour les éléments de navigation */
#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	display: block;
	border: 1px solid #c0c0c0;
}
#sidebar a {
	font-weight: bold;
	text-decoration: none;
	color: #4430a6;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #f9f9f9;
}
#sidebar a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	border-bottom: 1px solid #f9f9f9;
	background-color: #c0c0c0;
}
/* Styles pour le pied de page */
#footer p {
	font-size: 0.9em;
	text-align: center;
	margin: 0px;
	padding: 2px;
}
#footer a {
	color: #333;
	text-decoration: underline;
}
#footer a:hover {
	color: #333;
	text-decoration: none;
}
a {
	color: #4430a6;
	text-decoration: underline;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}