/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */



/* --- COULEURS & POLICES --- */

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;

}
/* Header */
.ConteneurHaut {
	text-align: center;
} 
a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #07294c;
	text-decoration: none;
}
a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #07294c;
	text-decoration: underline;
}
td {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #07294c;
}
p {
	line-height: 18px;
}
#principal ul li {
	list-style:circle;
	line-height: 18px;
}
/* Menu à Gauche */
#navigation ul { 
	color : #777; 
	list-style-type : none; 
	padding-top : 10px; 
	padding-right : 0; 
	padding-bottom : 10px; 
	padding-left : 4px; 
}
#navigation ul li, .profil li { 
	padding-bottom : 8px; 
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px; 
	border-top-style : none; 
	border-right-style : none; 
	border-bottom-style : solid; 
	border-left-style : none; 
	border-top-color : #002e3e; 
	border-right-color : #002e3e; 
	border-bottom-color : #a7ceea; 
	border-left-color : #002e3e; 
	padding-top : 4px; 
	margin-top : 4px; 
	margin-bottom : 8px;
}
.profil li {
	list-style-type : none;
	display:block;
	width: 100%;
}
#navigation ul li ol li { 
	border-top-style : none; 
	border-right-style : none; 
	border-bottom-style : none; 
	border-left-style : none; 
	margin : 0; 
	padding : 0; 
	list-style-type : lower-roman; 
}
#navigation .Titre {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #07294C;
	font-weight: bold;
}
#navigation p.v {
	text-align: right;
	vertical-align: bottom;
	font-size:11px;
}
#navigation a {
	text-align: right;
	vertical-align: bottom;
	color: #07294c;
	text-decoration: none;
}
#navigation a:hover {
	text-decoration: underline;
}
/*#navigation a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #07294c;
	text-decoration: underline;
}*/
a.y {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ddcc6b;
	text-decoration: none;
	font-style: normal;
}
a.y:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ddcc6b;
	text-decoration: none;
	font-style: normal;
}
a.x {
	font-size: 12px;
	font-weight: bold;
	color: #666699;
	text-decoration: underline;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
a.x:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666699;
	text-decoration: none;
}
a.w {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6693BC;
	text-decoration: none;
	font-style: normal;
}
a.w:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6693BC;
	font-style: normal;
	text-decoration: underline;
}
a.w2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6693BC;
	text-decoration: underline;
	font-style: normal;
}
a.w2:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6693BC;
	font-style: normal;
	text-decoration: none;
}
a.z {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #07294C;
	text-decoration: underline;
}
a.z:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #07294C;
	text-decoration: none;
}
a.x2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.x2:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
blockquote {
	margin: 0px;
	line-height: 18px;
	font-size: 1em; 
	color: #07294c;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
}
/* Formulaire Contact */
#contact label { 
	display:block;
	font-weight:bold;
}
#contact p#welcome {
	padding:10px 20px; 
	border:1px dotted #00f; 
	color:#00f; 
	font-weight:bold; 
}
#contact ul { 
	padding:10px 20px; 
	border:1px dotted #f00; 
	color:#f00; 
	font-weight:bold; 
}
#contact p#success { 
	padding:10px 20px;
	border:1px dotted #0f0; 
	color:#0f0; 
	font-weight:bold; 
}
#contact p em { 
	display:block;
	font-weight:normal; 
}

.MenuTitle {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #6693BC;
	font-weight: bold;
	font-style: normal;
}
.TitleYellowBig, h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #d3c363;
}
.TitlePurpleBig {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #666699;
}
.TitlePinkBig {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #b05c9f;
}
.TitleOrangeBig {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #b25b07;
}
.TitleGreenBig {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #008a5c;
}
.TitleBlueBig {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #6693BC;
}
.MenuTitleContent, h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #07294C;
}
.TextMenuPurple {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666699;
	font-weight: bold;
}
.TextMenuPurple2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #9999CC;
	font-weight: bold;
}
.TextMenuOrange {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #EF8923;
	font-weight: bold;
}
.TextMenuGreen {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #009966;
	font-weight: bold;
}
.TextMenuYellow {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #A99935;
	font-weight: bold;
	font-style: normal;
}
.TextMenuYellow2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #DECA6D;
	font-weight: bold;
	font-style: normal;
}
.TextMenuBlue {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #6693BC;
	font-weight: bold;
}
a.copyright {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #07294C;
	text-decoration: none;
}
a.copyright:hover {
	color: #000033;
}
a.orange {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F1891F;
	text-decoration: underline
}
a.orange:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F1891F;
	text-decoration: none
}
a.green {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009966;
	text-decoration: underline
}
a.green:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009966;
	text-decoration: none
}
a.purple {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666699;
	text-decoration: underline
}
a.purple:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666699;
	text-decoration: none
}
a.yellow {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A99935;
	text-decoration: underline
}
a.yellow:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A99935;
	text-decoration: none
}
.TableWhite {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF
}
a.blue {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6693BC;
	text-decoration: underline
}
a.blue:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6693BC;
	text-decoration: none
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#global {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-top : 12px; 
	padding-right : 6px; 
	padding-left : 12px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
/* En-tête */
#entete {
	margin-left: auto;
	margin-right: auto;
}
/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}
/* Menu de navigation */
#navigation {
	float : left;
	width: 220px;
}
/* Contenu principal */
#image img{
	margin-left: 40px;
}
/* Contenu principal */
#principal {
	float: left;
	width: 460px;
	padding: 10px 20px;
	margin-left: 10px;
}
/* Contenu secondaire */
#secondaire {
	margin-left: 700px;
	margin-right: 20px;
	padding: 12px 0;
	font-size: 11.5px;
}
/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 400px;
}

/* --- POSITIONNEMENT SPECIFIQUE --- */

/* Profil */
.profil {
	float: left;
	width: 650px;
	padding: 10px 20px;
	margin-left: 10px;
}
.profil img {
	display: block;
	float: left;
	padding: 10px;
}
.profil p {
	display: block;
	margin-left: 250px;
	margin-right: 20px;
	padding: 5px 0;
}
/* Plan du Site */
#plan {
	width: 920px;
	margin-left: auto;
	margin-right: auto; 
	padding-right : 120px; 
	padding-left : 0px;
}
/* Module News Accueil*/
#news {
	color: #6693bc;
	line-height: 18px;
	font-size: 11px;
	font-style: italic;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
}
#news h1 {
	font-size: 13px;
	font-style: normal;
	color: #07294C;
	text-decoration: underline;
}
#news h2 {
	font-size: 12px;
	color: #6693bc;
	font-weight: bold;
}
#news h3 {
	font-size: 10px;
	color: #6693bc;
	font-weight: bold;
}
#news h4, h5, h6 {
	font-size: 11px;
}
#news a {
	color: #07294C;
	font-weight: 100;
}