/* ===================================================================
 * 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%;
	margin: auto;
}
#bandeauHaut {}
#bandeauBas {}
#corps {
	overflow: hidden;
	width: 960px;
        margin: auto;
}
#colonneGauche {
	float: left;
	width: 178px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 478px;
	margin-left: 60px;
}
.avecColonneGauche #contenu {
	float: right;
	width: 708px;
        padding: 10px;
}
.avecColonneDroite #contenu {
	float: left;
	width: 718px;
}
#colonneDroite {
	float: right;
	width: 178px;
}

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family: Arial, sans-serif;
	font-size: 0.75em;
}
a {
	color: #555;
	/* border-bottom: 1px dotted #888; */
	text-decoration: underline;
	outline: none;
}
a:hover, a:focus {text-decoration: none; border: 0;}

/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
#bandeauHaut {
	border: 1px solid #000;
	text-align: center;
}
body#Accueil #bandeauHaut {display: none;}

#bandeauHaut h1 a {
	display: block;
	width: 976px;
	height: 94px;
	background: #000 url(images/BG_HEADER.png) no-repeat left top;
	text-indent: -300000px;
	border: 0;
}
#bandeauHaut ul, #TopHeader h1 {
	width: 938px;
	margin: auto;
}
#bandeauHaut ul {
	height: 40px;
}
#TopNav li {
	display: inline-block;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	font-weight: normal;
	padding-right: 2em;
}
#TopNav li a {
	color: #5c5c5c;
	text-decoration: none;
        border: 0;
}
#TopNav li.current a, #TopNav li a:hover {
	color: #000;
}

#TopNav li a.facebook, #TopNav li a.twitter {
	display: block;
	text-indent: -9999px;
	width: 30px;
	background: url(images/sprite-png.png) no-repeat;
	opacity: .60;
}
#TopNav li a.facebook { background-position: left 11px; }
#TopNav li a.twitter { background-position: left -123px; }
#TopNav li a.facebook:hover, #TopNav li a.twitter:hover {opacity: 1}

/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
#bandeauBas {
	text-align: center;
	color: #333;
}
#bandeauBas p {
	margin: 3px auto;
}
#bandeauBas a {
	border: 0;
	color: #333;
}
#bandeauBas a:hover {
	text-decoration: underline;
}

/* ===================================================================
 * COLONNE GAUCHE 
 * =================================================================*/
#colonneGauche {
    width: 178px;
    background: #ebeae8;
    border: 1px solid #e4e4e4;
    background: rgba(255,255,255,.8);
    border: 1px solid rgba(0,0,0,.15);
    margin: 15px 0 auto;
}
#colonneGauche ul {
    padding: 0;
}
#colonneGauche li {
    list-style: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    margin-bottom: 1.2em;
}
#colonneGauche li a {
    color: #666;
    border: 0;
}
#colonneGauche li a:hover {
    color: #000;
}

/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu {
    margin: 15px auto 0;
    padding: 0 15px;
}
.paragraphe {
    overflow: hidden;
    padding: 5px;
    background: #ebeae8;
    border: 1px solid #e4e4e4;
    background: rgba(255,255,255,.8);
    border: 1px solid rgba(0,0,0,.15);
}
.avecColonneGauche .paragraphe {
    background: transparent;
    border: 0;
}
.paragraphe p { 
	text-align: justify;
	color: #626262;
}

.paragraphe h3 {
    margin-left: 30px;
    text-transform: uppercase;
}

.avecColonneGauche #contenu {
    margin: 15px 0 auto 50px;
    background: #ebeae8;
    border: 1px solid #e4e4e4;
    background: rgba(255,255,255,.8);
    border: 1px solid rgba(0,0,0,.15);
    color: #333;
}

/* ===================================================================
 * COLONNE DROITE 
 * =================================================================*/
#colonneDroite {
	background-color: #ccc;
}

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


/* ===================================================================
 * FORMULAIRES 
 * =================================================================*/
.paragraphe fieldset {border: 1px solid #000;}
input, textarea,select {border: 1px solid #000;}
input.case {border: none;}
.paragraphe form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
.paragraphe p label {
	float: left;
	width: 20%;
}
.paragraphe p label.enLigne {float: none; display: inline;}

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

.PRS_CLEAR { clear: both;} 
.PRS_CLEAR hr { visibility: hidden;}

html {  
        margin:0; 
        padding:0; 
        background: #ccc url(images/background1.jpg) no-repeat center fixed;
        -webkit-background-size: cover; /* pour Chrome et Safari */ 
        -moz-background-size: cover; /* pour Firefox */ 
        -o-background-size: cover; /* pour Opera */ 
        background-size: cover; /* version standardisée */ 
        }

#container {
	width: 960px;
	margin: auto;
	overflow: auto;
}

/**
#RSSsaga, #RSSsomua, #RSScrysis, #RSSmoh, #RSSnfs{
	width: 310px;
	height:198px;
	padding-top: 100px;
	float: left;
}
#RSSsaga { background: #d0d0d0 url(images/BG_SAGA.png) no-repeat; }
#RSSsomua { background: #d0d0d0 url(images/BG_SOMUA.png) no-repeat; }
#RSScrysis { background: #d0d0d0 url(images/BG_CRYSIS.png) no-repeat; clear: left; }
#RSSnfs { background: #d0d0d0 url(images/BG_NFS.png) no-repeat; }
#RSSmoh { background: #d0d0d0 url(images/BG_MOH.png) no-repeat; }
*/

.PRS_DEMI, .PRS_TIERS {
    background: transparent;
    border: 0 ;
    padding: 0;
}
.PRS_TIERS  {
	width: 310px;
	float: left;
	margin:0 0 0 11px;
}
.PRS_TIERS p {
	margin: 0;
	padding: 0 8px 5px;
	background: #d0d0d0;
	color: #555;
}
.PRS_TIERS p.background{
	height: 195px;
	background: #d0d0d0 url(images/BG_P.png) repeat-x;
}
.PRS_TIERS p.hautfixe{
	height: 93px;
}
.PRS_TIERS p.vide{
	height: 24px;
}
.PRS_TIERS p img {
	margin-top: 35px;
}
.PRS_TIERS p a img {
	margin: 0px 2px;
}

.PRS_TIERS h3 {
	display: none;
}
.PRS_TIERS div.gfc-control { margin: 0 2px 0 5px;}
.PRS_TIERS div.gfc-resultsHeader, .PRS_TIERS div.gf-snippet { display: none;}
.PRS_TIERS a.gf-title { font-weight: bold;}

/***** On refait tout ******/
.tpl_siteRss h2 {
	height: 95px;
	margin: 0 auto;
}
.tpl_siteRss h2 a { border:0;}
.tpl_siteRss div.tpl_lecteurRSS {
	width: 310px;
	height:198px;
	background: #d0d0d0;
}
.PRS_RSS_SITE  {
	width: 310px;
	margin:0 0 0 11px;
}
.PRS_WIDTH_GAUCHE { 	float: left; }
.PRS_WIDTH_DROITE { 	float: right; }

.PRS_RSS_SITE p {
	margin: 0;
	padding: 0 8px 5px;
	background: #d0d0d0;
	color: #555;
}
.PRS_RSS_SITE div.gfc-control { margin: 0 2px 0 5px;}
.PRS_RSS_SITE div.gfc-resultsHeader, .PRS_RSS_SITE div.gf-snippet { display: none;}
.PRS_RSS_SITE a.gf-title { font-weight: bold;}

.PRS_RSS_SITE p.background{
	height: 195px;
	background: #d0d0d0 url(images/BG_P.png) repeat-x;
}
.PRS_RSS_SITE p.hautfixe{ height: 117px;}
.PRS_RSS_SITE p img {	margin-top: 35px;}
.PRS_RSS_SITE p a img { margin: 0px 2px;}

.homeEAC {
    position: relative;
    height: 605px;
    width: 600px;
    padding : 5px;
    background: #fff;
    background: rgba(255,255,255, .82);
}
.homeEAC h2:before {
    content: "// ";
}
.homeEAC h2 {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-size:14px;
    color: #626262;
}
.homeEAC .onglet_mbr {
    position: absolute;
    left: 5px;
    top: 20px;
    bottom: 25px;
    right: 5px;
    visibility: hidden;
    padding-left: 20px;
    overflow: hidden;
}
.homeEAC .onglet_mbr h3 { margin: 1em 0 1ex; }

.homeEAC .onglet_titre {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
.homeEAC .onglet_titre a {
    display: inline-block;
    border: 0;
    border-right: 1px solid #626262;
    font-size: 11px;
    padding: 0.5ex 2ex;
    margin-left: -1px;
    color: #626262;
}
.homeEAC .onglet_titre a:last-child { border: 0;}
.homeEAC .onglet_titre a.current {
    text-decoration: none;
    border-top: 1px solid #626262;
}

.gfc-result .gf-title { margin-top: 1.4em }
.gf-title a {
    font-weight: bold;
    font-size: 1.1em;
}

#carrousel {
	width: 278px;
	height: 615px;
	margin-left: 20px;
	overflow: hidden;
	position: relative;
}
#carrousel input.carousel-control {
	display: none;
}
#carrousel ul {
	list-style: none;
	margin: 0;
        padding: 0;
        
}
#carrousel a {
	text-decoration: none;
	color: #fff;
}
#carrousel li {
	width: 278px;
        height: 615px;
	float: left;
	overflow: hidden;
	position: relative;
}
#carrousel li img {
	height: 615px;
}
#carrousel li p {
	position: absolute;
	bottom: 4px;
	height: 95px;
	width: 270px;
	padding: 4px;
	background: rgba(0,0,0,.75);
}

#carrousel li span.title a {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
}
#carrousel .carousel-pagination {
	position: absolute;
	bottom: 6px;
	left: 4px;
}
#carrousel .carousel-pagination p {
    background: transparent;
}
#carrousel .carousel-pagination a {
    background: #616161;
	display: inline-block;
	width: 11px;
	height: 11px;
    border-radius: 11px 11px 11px 11px;
    cursor: pointer;
    margin: 0 2px;
    padding: 0;
}
#carrousel .carousel-pagination a.active {
	background: #8a8a8a;
}
#carrousel .carousel-pagination a span {display: none; }

#container {
	width: 960px;
	margin: auto;
	overflow: auto;
}
#TopHeader div, #TopHeader h1 {
	width: 938px;
	margin: auto;
}
#TopHeader h1 {
	background: url(images/logo-eac.png) no-repeat left top;
	text-indent: -9999px;
	height: 114px;
        margin: 0 auto;
}
#TopHeader h1 a {
    display: block;
    width: 190px;
    height: 114px;
}
#TopHeader {
	width: 100%;
	background: url(images/bg-TopMenu.png) repeat-x left bottom;
}
#TopHeader div {
	height: 40px;
}
#TopNav { margin: 0; padding: 0;}
#TopNav li {
	display: inline-block;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	font-weight: normal;
	padding-right: 2em;
}
.ie7 #TopNav li {
   zoom: 1; /*offre le layout à un élément (*)*/
   display: inline;
}
#TopNav li a {
	color: #5c5c5c;
	text-decoration: none;
}
#TopNav li.current a, #TopNav li a:hover {
	color: #000;
}

#TopNav li a.facebook, #TopNav li a.twitter {
	display: block;
	text-indent: -9999px;
	width: 30px;
	background: url(images/sprite-png.png) no-repeat;
	opacity: .60;
}
#TopNav li a.facebook { background-position: left 11px; }
#TopNav li a.twitter { background-position: left -123px; }
#TopNav li a.facebook:hover, #TopNav li a.twitter:hover {opacity: 1}

#footer {
	height: 64px;
	padding: 10px 1em;
	margin-top: 15px;
	background: url(images/bg-footer.png) repeat-x left top;
}
#sites-membres {
	float: left;
}
#sites-membres .membre {
	float: left;
	text-align: center;
        margin: 0;
}
#sites-membres .membre a {
	color: #626262;
	text-decoration: none;
	text-transform: uppercase;
}
#sites-membres .membre a img {
	opacity: .5;
}
#sites-membres .membre a:hover img {
	opacity: 1;
}