body {
	background-color:#c0c0c0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15em;
}


#conteneur {
	margin:2em auto;
	overflow:hidden;
	background-color:#cacccf;
}

#LiseretRouge {
	background-image:url(../images/liseret-rouge.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:20px;
	display:none;
}

#Accueil {
	height:500px;
}

#ImgAccueil {
	text-align:center;
	position:relative;
	top:150px;
	left:100px;
	display:none;
}


#ImgAccueil li {
	list-style-type: none;
	margin-left:0px;
}

.LienAccueil {
	position:relative;
	top:200px;
	text-align:center;
	display:none;
}

.LienAccueil a,
.LienAccueil a:link,
.LienAccueil a:visited,
.LienAccueil a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.5em;
	color:#a30000;
	text-decoration:none;
}

.LienBouton {
	position:relative;
	top:200px;
	text-align:center;
	display:none;
}

.LienBouton a,
.LienBouton a:link,
.LienBouton a:visited,
.LienBouton a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#LiseretBleu {
	background-image:url(../images/liseret-bleu.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:20px;
	display:none;
}

#EnteteGauche,
#PiedDePageGauche {
	background-color:#4f5761;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	padding-left:1.5em;
	padding-top:1em;
}
#EnteteDroit,
#PiedDePageDroit {
	background-color:#a30000;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:1.5em;
	float:left;
	padding-top:1em;
}

#EnteteGauche li,
#PiedDePageGauche li {
	display:inline;
	list-style-type: none;
	margin-left:0px;
}

#EnteteGauche a,
#EnteteGauche a:link,
#EnteteGauche a:visited,
#EnteteGauche a:hover,
#PiedDePageGauche a,
#PiedDePageGauche a:link,
#PiedDePageGauche a:visited,
#PiedDePageGauche a:hover
{
	color:white;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
}

#CopyRight {
	float:right;
	padding:10px;
}

#CopyRight a:link,
#CopyRight a:visited,
#CopyRight a:hover
{
	color:#a30000;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
}

.Actif {
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
	color:#a0b4ba;
}

#liseret {
	width:100%;
	position:relative;
	height:38px;
	background-image:url(../images/liseret.jpg);
	background-repeat:repeat-x;
}

#Logo {
	position:relative;
	top:60px;
	text-align:center;
}

#VPC {
	position:relative;
	top:100px;
	text-align:center;
	font:Verdana, Geneva, sans-serif;
	font-size:1.5em;
	font-weight: bold;
}


#MainContent {
	padding:1em;
	min-height:600px;
}
#MainContent #Devise {
	font-family:Verdana, Geneva, sans-serif;
	color:white;
	font-size:1em;
	font-style: italic;
	font-weight: bold;
}

#MainContent h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:black;
	font-size:1.3em;
	line-height:1.2em;
}
#MainContent h2 {
	font-family:Verdana, Geneva, sans-serif;
	color:#a30000;
	font-size:1em;
	line-height:1.2em;
}

#MainContent a,
#MainContent a:link,
#MainContent a:visited,
#MainContent a:hover {
	color:#333;
	text-decoration:underline;
}

.ImagePresentation {
	padding-bottom:20px;
}

.ImageCentree {
	display:block;
	margin:0 auto;
	padding-bottom:20px;
	padding-top:20px;
}

/* Logo interne à droite */
#LogoDroite
{
	display:none;
}

/* popup */

#backgroundPopup {
	display:none;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	background-color:#999;
	z-index: 81;    /* Permet d'afficher glisser sous le popup un fond et de griser tout ce qui est dessous */
}

.popup {
	background-color:#cacccf;
	width:800px;
	height:600px;
	font-family:Verdana, Geneva, sans-serif;
    font-size: 24px;
	color:black;
	display:none;
	z-index: 82;    /* Permet d'afficher le popup en 1er plan*/
	box-shadow:15px 15px 18px #000000;
}
.popupClose {
	background-color:#a30000;
	float:right;
	border:dotted;
	border-color:white;
	border-style:solid;
	border-width:thin;
	padding:5px;
	margin:5px;
	border-radius: 10px;
	box-shadow:5px 5px 8px #000000;
}
.popup a,
.popup a:link,
.popup a:hover {
	color:white;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 15px;
}
.popupTexte {
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
    font-size: 0.5em;
    font-style: normal;
    font-weight: bold;
	margin-top:20px;
}

.popupTexte #Col1 {
	width:200px;
	float:left;
	height:600px;
	padding:30px;
}
.popupTexte #Col2 {
	width:450px;
	height:650px;
	padding-top:50px;
	overflow:auto;
	border:hidden;
}

.popupTexte #ColUnique {
	width:700px;
	height:500px;
	padding-top:50px;
	margin-left:30px;
	overflow:auto;
	border:hidden;
}

.popupTexte h2 {
	color:black;
	font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
	text-decoration:underline;
	text-shadow:#333;
}
.popupTexte #Col1 p {
	text-align:left;
}
/* iframe */
iframe {
	border:none;
	width:420px;
	height:420px;
	background-color:#cacccf;
}

/* Les colonnes */
.col_1  { width: 6.6666666666667%; }
.col_2  { width: 15%; }
.col_3  { width: 23.333333333333%; }
.col_4  { width: 31.666666666667%; }
.col_5  { width: 40%; }
.col_6  { width: 48.333333333333%; }
.col_7  { width: 56.666666666667%; }
.col_8  { width: 65%; }
.col_9  { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
	margin-right:1%;
	padding-left: 1%;
	padding-right: 2%;
	padding-top:8px;
	padding-bottom:8px;
	float: left;
	display: block;
	border-color:#000;
	border-style:solid;
	border-width:thin;
}
.alpha{margin-left:0px;}
.omega{margin-right:0px;}


.col_1 h2,
.col_2 h2,
.col_3 h2,
.col_4 h2,
.col_5 h2,
.col_6 h2,
.col_7 h2,
.col_8 h2,
.col_9 h2,
.col_10 h2,
.col_11 h2,
.col_12 h2 {
	text-align:center;
}

.Bouton {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e30606), color-stop(1, #9c0c0c) );
    background:-moz-linear-gradient( center top, #e30606 5%, #9c0c0c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30606', endColorstr='#9c0c0c');
    background-color:#9c0c0c;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #d83526;
    display:inline-block;
    color:#000;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    padding:6px 6px;
}
.Bouton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9c0c0c), color-stop(1, #e30606) );
    background:-moz-linear-gradient( center top, #9c0c0c 5%, #e30606 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c0c0c', endColorstr='#e30606');
    background-color:#e30606;
}
.Bouton:active {
    position:relative;
    top:1px;
}