@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: #c0c0ff;
		
}


#sidebar {
	float: left;
	width: 190px;
	background-color: #c00000;
	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;
	}

	
/* 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: 70px;}
.bloc3 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 70px;}
.bloc4 {background-color: white;height: 192px;
width: 128px;
float: left;margin-left: 70px;}


/* 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:#d3312f;
}


h2
/* propriétés des titres H2 */
{
	font-family:Verdana;
	font-size: 22px;
	font-style:normal;
	font-weight:bold;
	font-style:italic;
	color:#4d4d4d;
}


/* 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:#8080ff;
	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 */
#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: #ffffff;
	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: #0188ff;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}