/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
.clear {clear : both;}
.invisible {display: none}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
embed.alignleft, object.alignleft, img.alignleft, table.alignleft, dl.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
embed.alignright, object.alignright, img.alignright, table.alignright, dl.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter, dl.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
acronym {border-bottom: 1px dotted; cursor:help;}
/* LEGENDE */
dl.legende {border: 1px solid #ccc; padding: 0}
dl.legende dt {margin: 0; padding: 0; border-bottom: 1px solid #ccc}
dl.legende dt img {margin: 5px;} /* defini dans le parsing */
dl.legende dd {margin: 0; padding: 0 5px; font-style: italic}
dl.legende dd img {float:right; margin-left: 5px;}

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/

#document {	width: 100%; 	background: url(images/bk.gif) repeat-x transparent left top;}
#corps {	overflow: hidden;	width: 900px;	margin: 0 auto;	background-color: #fff;	background-image: url("images/center-bk.jpg");	background-repeat: no-repeat;	padding-top: 20px;	font-size: 12px;}
#Accueil #corps{	padding-top: 0px;	background-image: none;	background-color: transparent;}
#colonneGauche {	float: left;	width: 19%;}
.avecDeuxColonnes #contenu {	float: left;	width: 60%;	margin-left: 1%;}
.avecColonneGauche #contenu {	float: right;	width: 80%;}
.avecColonneDroite #contenu {	float: left;	width: 80%;}
#colonneDroite {	float: right;	width: 19%;}

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
body {	margin: 0;	padding: 0;	background-color: #fff;	color: #000;	font-family: Arial, sans-serif;	font-size: 1em;}
a:hover, a:focus {	text-decoration: none;}
a {	color: #000;}
h2{	padding: 0px;	margin: 0 0 0 0;	font-size: 22px;	color: #004576;}
h3{	padding: 0px;	margin: 18px 0 0 0;	font-size:24px;	color:#004576;}
h4{	padding: 0px;	margin: 0 0 15px 0;	font-size: 20px;	color: #004576;}
.paragraphe {	overflow: hidden;	width: 100%;	clear: both;}
.paragraphe p{	font-size:12px;}
/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
#bandeauHaut {	text-align: center;	width: 900px;	height: 137px;	margin: 0 auto;	padding:0px; }
#bandeauHaut a{	width: 900px;	height: 130px;	display:block;	}
#bandeauHaut a img{display: block; line-height: 0; font-size:0;}
/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
#bandeauBas {	width: 900px;	height: 128px;	background-image: url("images/footer-bk.jpg");	background-repeat: no-repeat;	margin: 0 auto;}
#bandeauBas_img_wrap{	margin-left: 40px; font-weight:bold;}
#bandeauBas ul{	border-left:1px solid #FFFFFF; list-style:none outside none; margin:-103px 0 0 559px; padding:0 0 0 15px;}
#bandeauBas a{	color: #fff;	font-size: 13px;	text-decoration: none;}
#bandeauBas ul a:hover{	text-decoration: underline;}
#bandeauBas li{	margin: 0px;	padding: 0px;	line-height: 15px;}
#bandeauBas img{	margin-top: 6px;	margin-left: 15px;}
#bandeauBas .pgs_title{color:#004576; font-size:13px; position:absolute; margin-top:10px;}
#bandeauBas #logo_footer{display:block; float:right; margin-right:20px; margin-top:4px;}
#bandeauBas #logo_footer img{margin:0px;}
/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu {	padding:10px;}
#Accueil #contenu {	padding: 10px 0px;	position:relative;	width:100%;	z-index: 0;}

.orangeTick{	display: block;	width: 192px;	height: 75px;	background-image: url("images/mod-check-big.jpg");	background-repeat: no-repeat;	padding: 60px 20px 0px 30px;	font-weight: bold;	color: #004576;	text-decoration: none;	float: left;	margin: 0 10px 10px 0;	font-size: 16px;}
.orangeBk{	background-image: url(images/mod.jpg);	color: #004576;	display: block;	font-weight: bold;	width: 125px;	height: 63px;	padding: 21px 11px 0 14px;	text-decoration: none;}

.contenuTop{	height: 150px;	vertical-align:bottom;}

/* Compteur */
.compteur{	display: block;	width: 321px;	height: 136px;	margin:7px 0px;	background: url("images/mod-yellow.jpg") no-repeat left top transparent;	float: right;	padding: 0px 20px 0px 0px;	position:relative;}
.compteur h3{	font-size: 18px;	margin-left: 20px;	color: #A72600;	margin-bottom:10px;}
.compteur span{	font-size: 18px;	font-weight: bold;	color: #369A30;}
.compteur p{	margin: 0px;	padding: 0 0 0 20px; width:257px; }
.compteur p.note{	position:absolute;	bottom:10px;	font-size:x-small;	margin-left:0px;	margin-top:6px;}

.contenuTopLogo{	width: 250px;	height:150px;	text-align:center;}



/* BLOC DE NAVIGATION */
.blocNavigation {text-align: center;} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}


/* ===================================================================
 * MODULES 
 * =================================================================*/
.module {	overflow: hidden;	width: 100%;}

/* ===================================================================
 * FORMULAIRES 
 * =================================================================*/
input, textarea, select { 	border-bottom:1px solid #dcdcdc;	border-right:1px solid #c4c4c4;	border-top:0px;	border-left:0px;}
input{	background:#ffffff url(images/input.jpg) repeat-x top left;	height:18px;	padding-top:3px;}
input.case {border: none;}
#document input.submit{	cursor:pointer;}
.paragraphe form p {	clear: both;	margin: 16px 0px;	padding: 2px 0;}
.paragraphe p label.enLigne {float: none; display: inline;}
fieldset{	border: none;}
legend{	padding: 0px;	margin: 0 0 30px 0;	font-size: 22px;	color: #9D0707;	font-weight: bold;}
label{	font-weight: bold;}

#buttonHelpLogin{	color:#004576;	text-decoration:none;	font-weight:bold;	font-size:13px;}
#greySubmit{float: left;	width:149px;	height:82px;}

/* ===================================================================
 * TEMPLATES
 * =================================================================*/

/* .tpl_organisme */
.tpl_organisme .contenu{	margin-left: 40px;	width: 610px;	float: left;}
.organismeNavigation{	float: left;	border-right: 5px solid #b2c704;	padding-right: 15px;	width:150px;}
.organismeNavigation ul{	list-style: none;	padding: 0px;	margin: 0px;}
.organismeNavigation li{	text-align: center;	margin-top: 20px;}

/*  tpl_organismeListeHome */
.tpl_organismeListeHome{	width:900px;	position:relative;	top:-20px;}
.tpl_organismeListeHome h3{	font-size: 30px;	color: #b2c704;		padding-left: 140px;	padding-bottom: 20px;}
.tpl_organismeListeHome ul{	list-style-type: none;	padding: 0px;	margin: 20px 0;	padding:0px 100px;	text-align: center;}
.tpl_organismeListeHome li{	padding: 0px;	margin: 0px;width: 32%;	float: left;	display:block;	text-align: center;	height:130px;}

/* tpl_candidatListe */
.tpl_candidatListe{	width: 600px;	margin: 70px auto 20px auto;}
.tpl_candidatListe h3 span{	color: #004576;}
.tpl_candidatListe table{	width: 500px;	margin-left:80px;}
.tpl_candidatListe table td.underline{	border-bottom: 2px solid #FFCC81;}
.tpl_candidatListe table td.underline p{	padding-left: 25px;	background-image: url(images/puce.jpg);	background-repeat: no-repeat;}

/* tpl_organisme */
.tpl_organisme{	padding: 30px 20px 30px 30px;	width:820px;}

/* tpl_candidatVote */
#document .tpl_candidatVote {	padding:50px 150px 50px 150px;	width:570px;	margin:0px;}
.tpl_candidatVote .error{	font-size: 18px;	color: #004576;	padding-right:40px;	margin: 00px;	padding-bottom:40px;	background-image: url(images/etoile.jpg);	background-repeat: no-repeat;	background-position: top right;	margin: 0 auto;}
.tpl_candidatVote h3{ padding:0px; margin:0px;	margin-bottom:60px;	text-align:center;}
.tpl_candidatVote h4{ font-size:24px; padding:0px; float:left; margin:0px; text-align:left; width:50%; }
.tpl_candidatVote .submit{	display: block;	width: 149px;	height: 83px;	background: url("images/mod-check.jpg") transparent top left no-repeat;	padding: 0px;	margin: 0px;	border: none;	float: right;	font-size: 16px;	color: #004576;	font-weight: bold;	text-decoration: none;	font-family: Arial, sans-serif;}
.tpl_candidatVote .confirm p{	margin:6px 0px;}
.tpl_candidatVote input{border:1px solid #f5f5f5;}
#document .tpl_candidatVote .action{margin-top:60px;}
/* AIDE Vote identification*/
#VoteIdentificationHelpCoverTPL h5{margin-top:0px; color:#004576;}
#VoteIdentificationHelpCoverTPL a{	margin-left: 290px;}
#VoteIdentificationHelpCoverTPL{background: url(images/fond_help.png) transparent no-repeat left top; color:#004576; position: absolute;	width:300px;	height:150px; left:50%;	top:50%;	margin-left:-150px;	padding:20px 10px 10px 30px;}
#VoteIdentificationHelpCoverTPL p.close{margin:10px 20px 0 0;	 position:relative; right:55px; top:15px; }
#VoteIdentificationHelpCoverTPL p.close a{	color:#fff; background-color:#004576;	text-decoration:none;	font-weight:bold;	font-size:13px;	border:1px solid #fff;	padding:2px 3px;}
#VoteIdentificationHelpCoverTPL h4{	color:#004576;	margin:0px;	padding:0px;}
#VoteIdentificationHelpCoverTPL p{	font-size:12px;}

.tpl_candidatVote .admissibles{width:96%; padding-right:4%;}
.tpl_candidatVote .jurys{width:46%; float:right; }
#document .tpl_candidatVote .jurys .action{margin-top:75px;}
#document .tpl_candidatVote .admissibles .action{margin-top:0;}
.tpl_candidatVote .orangeBk.jury { height:73px; padding-top:11px;}

.tpl_candidatVote #champsjury{margin:40px 0;}

/* ===================================================================
 * STYLES DE PARAGRAPHES
 * =================================================================*/

/* Colonnage */
.PRS_WIDTH_44_RIGHT{	width: 380px;	float: right;	display: block;	clear: none;}
.PRS_WIDTH_28_LEFT{	width: 242px;	float: left;	display: block;	clear: none;	margin-right:14px;}
.PRS_PADDING{	padding:70px 200px 50px 200px;	width:490px;}

/* PRS_TABLEAUDEBORD */
.PRS_TABLEAUDEBORD{	margin-top: 5px;	background: url("images/mod-yellow-home.jpg") left top transparent no-repeat;	height: 214px;	width:380px;	position:relative;	z-index:1;}
.PRS_TABLEAUDEBORD ul{	list-style:none; list-style-image:none; padding: 0px;	margin: 20px 0px 0px 40px;}
.PRS_TABLEAUDEBORD ul li{	background:url("images/puce2.gif") transparent left 7px no-repeat; padding-left:20px;	margin: 0px; line-height: 30px;	font-size: 17px;  zoom:1;}
.PRS_TABLEAUDEBORD h3{	text-align: right;	color: #004576;	right:35px; top:25px; position:relative; margin-bottom:40px;}
.PRS_TABLEAUDEBORD span{	color: #28A14A;	font-size: 18px; font-weight: bold;}

/* PRS_DETAILSOPERATION */
.PRS_DETAILSOPERATION{	margin-top: 20px;	background-image: url("images/mod-blanc-accueil.jpg");	background-repeat: no-repeat;	height: 108px;	padding: 25px 20px 15px 20px;	font-size: 11px;	width: 202px;	position:relative;	z-index:2;}
.PRS_DETAILSOPERATION h3{	font-size: 18px;	color: #004576;	margin-bottom:0px;	padding-bottom:0px;	line-height:18px;	display:inline;}

/* PRS_CONCOURS */
.PRS_CONCOURS{	margin-top: 20px;	background-image: url("images/mod-blanc-accueil-ipod.jpg");	background-repeat: no-repeat;	height: 108px;	padding: 25px 90px 15px 20px;	font-size: 11px;	width: 132px;	position:relative;	z-index:3;}
.PRS_CONCOURS h3{	font-size: 18px;	color: #b2c704;	margin-bottom:0px;	padding-bottom:0px;	line-height:18px;	display:inline;}