/* RTE */

.align-center {text-align:center;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}

* {
margin : 0 ;
padding : 0 ;
}

img {
border : 0 ;
}

body {
/*text-align : center ;*/
font-size : 72% ;
font-family:Arial, Helvetica, sans-serif ;
background: #fff url('img/background.jpg') center top repeat-x    ;
padding-bottom : 15px ;
}

/*  * * * * * * * * Styles par defaut * * * * * * * * */
                         

#defaut #subtop {
clear : both ;
background: transparent url('img/fondDefaut.jpg') 8px top no-repeat    ;
}

#defaut #menuSearch {
background: transparent url('img/fondMenuDefaut.gif') left bottom no-repeat    ;
}

p {
margin : 0 0 6px 0 ;
}

h1 {
}

h2 /* utilise pour entetes d'encarts */{
}

h3 /* utilise pour texte grand gris */ {
color : #5d5d5d ;
font-size: 1.8em ;
font-weight: normal ;
}

h3.rougeCt /* variante rouge */ {
color:#c20c1b;
font-size:1.35em;
font-weight:bold;
}

h4 /* utilisé pour textes rouges styles entêtes de paragraphes, équivalent à redBold */, .redBold {
	color: #C10D19;
	font-weight: bold;
	font-size: 1em ;
}
h4 {
	margin : 0 0 6px 0 ;
}

.blodGray {
font-weight : bold ;
color: #666666 ;
}

/* * * * * * *  * * Placements generaux * * * * * * * */
.left {
float : left ;
}
.right {
float : right ;
}
.clear {
clear: both ;
}


/*  * * * * * * * * Conteneurs principaux * * * * * * * * */

#headerwrapper { position:absolute;  width:100%; height:400px; top:0;  left:0; z-index:-100;}
#header
{
  height:400px;
  background: url(img/declinaison.jpg) center top no-repeat    ;
}

#wrapper {
width : 932px ;
margin : auto ;
text-align : left ;
}

#bandeau {
height : 182px ;
text-align : center ;
}
#bandeau p#baseline {
font-size : 1.4em ;
color : #777777 ;
margin-top : 22px ;
}
#top {
width : 100% ;
}

#subwrapper {
width : 100% ;
}

#content, #footer {
clear : both ;
width : 902px ;
margin : 10px 0px 0 10px ;
overflow: hidden;

}

#left {
width : 190px ;
border-right : 1px solid #CECECE ;
float : left ;
margin : 0 0 0 0px ;
margin-bottom: -2000px;
padding-bottom: 2000px;

}

#center {
width : 490px ;
float : left ;
border-left : 1px solid #CECECE ;
border-right : 1px solid #CECECE ;
margin : 0 13px 0 13px ;
margin-bottom: -2000px;
padding-bottom: 2000px;
}


#right {
width : 190px ;
float : left ;
border-left : 1px solid #CECECE ;
margin : 0 0px 0 0  ;
margin-bottom: -2000px;
padding-bottom: 2000px;
}

/* * * * Pied de page * * * */
#footer {
background-color: #E1E1E3 ;
width : 902px ;
clear : both ;
margin-top : 10px ;
height: 24px ;
font-size : 0.9em ;
padding-top : 2px ;
}

#footer a, #footer {
color : #707072 ;
text-decoration : none ;
}
#footer a:hover  {
text-decoration : underline ;
}
#footer a:hover  {
text-decoration : underline ;
}

#footerLeft {
padding : 5px 10px  ;
width : 190px ;
float : left ;
}

#footerCenter {
padding : 5px ;
width : 460px ;
float : left ;
text-align : center ;
}
#footerRight {
padding : 5px 10px  ;
width : 190px ;
float : right ;
text-align : right ;
}


/* * * * * 
	     subtop : englobe le menu et le cartouche
											    * * * * */

#subtopBas {	
clear : both ;
height : 22px ;							
background: transparent url('img/basTop.gif') left top no-repeat    ;
}										
/* * * * *
          Menu + lien membres + moteur de recherche
		                                          * * * * */

#menuSearch /* englobe moteur de recherche */{
height:43px ;
padding-top:9px ;
}
#menuSearch a {
color:#000 ;
font-size:0.95em ;
text-decoration:none;
font-weight:bold;
}

#menuH { /* partie administrable du menu */
margin-left:26px ;
display:inline ; 
float:left;
text-align:left;
width:515px ;
margin-top : 3px ;
list-style-type: none ;
padding :0;
}

/*
#menuH li { 
display:inline;
margin:0 5px 0 5px;
}


#menuH li#li1 {
margin-right:13px ;
}


#menuH li#li2 {
margin-right:19px ;
}


#menuH li#li3 {
margin-right:16px ;
}


#menuH li#li4 {
margin-right:16px ;
margin : 0px 5px 0 16px ;
}
*/

#menuH li { 
font-size:1em ;
display:block;
float : left ;
}

#menuH li#li1 { 
margin :0 5px 0 5px;
}

#menuH li#li2 {
width : 125px ;
margin :0 4px 0 9px ;
}

#menuH li#li3 {
width : 91px ;
margin :0 5px 0 0px ;
}

#menuH li#li4 {
width : 141px ;
margin : 0 0px 0 0px ;
}

#menuH li#li5 {

margin : 0 5px 0 0px ;
}


#menuH li a:hover {
color:#c20c1b;
text-decoration:none ;
}
#RSS { /* contient lien vers RSS */
float:left ;
width:55px;
padding:0;
}
#RSS a { /* contient lien vers RSS */
background:url(img/rss.gif) 0 3px no-repeat;
padding:5px 0 0 13px;  
display:block;
height:18px;
}
#RSS a:hover {
color:#c20c1b;
text-decoration:none ;
}


#menuMembre /* englobe lien espace membre donc exclut recherche */{
width:720px ;
float:left ;
text-align:center ;
margin-top:1px ;
}

/* - - - - lien vers espace membres - - - - */
#lienMembres  {
width:118px ;
height:26px ; 
padding:2px 0 0;
color:#fff;
margin:3px 6px 0 0 ;
text-decoration:none ;
background:url(img/fdMembres.gif) left top no-repeat    ;
display:block ;
float:right ;
}
#menuSearch #lienMembres a {
color:#fff;
font-size:0.95em ;
}
#menuSearch #lienMembres a:hover{
color:#c20c1b;
text-decoration:none ;
}

/*  - - - moteur de recherche - - - -*/
#formSearch {
display:inline-block;
vertical-align:top;
width:167px;/*174-7*/
padding:3px 0 0 7px;
}
#formSearch span {
display:inline-block;
width:79px ;
height:21px;
background:url(img/inputSearch.gif) 0 0 no-repeat;
margin:0 3px 0 0;
}
#formSearch span #inputSearch {
width:75px;/*79-4*/
height:17px;/*21-4*/
padding:4px 0 0 4px;
border:0;
background:none;
font-size:0.95em;
vertical-align:middle;
}
#formSearch #submitSearch{
border:0;
vertical-align:top;
}

/* * * * *
     Cartouche haut de page
	                     * * * * */
						 
		
#subsubtop {
background: url('img/fondTop4.gif') 0px top repeat        ;
width : 100% ;
}						 
						 
#cartouche {
width : 692px ; 
margin-left : 14px ;
float : left ;
}

#texteCartouche {
float : left ;
width : 320px ;
margin-left : 126px ;
}
#texteCartouche p{border : 0;
margin : 0 ;
font-size : 0.95em ;
}
#texteCartouche p.bienvenue {
margin-top : 10px ;
font-weight : bold ;
color : #9C9D9F ;
}	
#texteCartouche p.sommeNum {
font-weight : bold ;
font-size : 1.5em ;
color : #C20C1B ;
}
#texteCartouche p.titreCartouche {
font-weight : bold ;
font-size : 1.2em ;
color : #C20C1B ;
margin : 6px 0 ;
}

/* Ajout FRED */
#texteCartoucheLarge {
float : left ;
width : 540px ;
margin-left : 126px ;
}

#texteCartoucheLarge p{
margin : 0 ;
font-size : 0.95em ;
}
#texteCartoucheLarge p.bienvenue {
margin-top : 10px ;
font-weight : bold ;
color : #9C9D9F ;
}	
#texteCartoucheLarge p.sommeNum {
font-weight : bold ;
font-size : 1.5em ;
color : #C20C1B ;
}
#texteCartoucheLarge p.titreCartouche {
font-weight : bold ;
font-size : 1.2em ;
color : #C20C1B ;
margin : 6px 0 ;
}
/* Fin ajout*/

#cartouchePartie2 {
float : left ;
width : 220px ;
border-left : 1px solid #cecece ;
margin : 5px 5px 5px 11px ;
font-size : 0.95em ;
}





/* * * * *  Accès direct   * * * * * */
#accesDirect {
float:left ;
margin-left : 13px ;
width:170px ;
}
#accesDirect h2{
background-color : #E2E2E2 ;
margin : 0 1px 0 4px ;
color : #707070 ;
font-weight : bold ;
font-size : 1.1em ;
padding : 3px ;
text-align : center ;
}
#accesDirect ul {
list-style-type : none ;
margin:10px 0 10px 15px ;
width:130px ;
}
#accesDirect a {
background:#fff url(img/fl01.gif)  2px 3px no-repeat;
display:inline-block;
padding-left:16px ;
color:#858585 ;
font-weight : bold ;
font-size:0.95em ;
text-decoration:none;
}
#accesDirect a:hover {
background : #fff url(img/fl02.gif)  2px 3px no-repeat ;
color : #C20C1B ;
}

/* * * * *  Pictos * * * * * */
#pictos {
margin-left : 9px ;
float : left ;
width : 30px ;
}
#pictos img {
margin-bottom : 5px ;
}


/* * * * * * * * * *
                Encarts
				       * * * * * * * * */


#left h2, #right h2 {
color : #fff ;
font-weight : bold ;
font-size : 1.1em ;
padding : 3px ;
clear : both ;
}
#left h2, #right h2 {
text-align:center ;
}

.encart {
margin-bottom:10px ;
}
.encart p {
margin:5px;
}



/*  * * * Agenda * * * */
.agenda h2 {
background-color : #5ea5aa ;
}

/* * * * Carte  * * * * */
.carteInter  h2 {
background-color : #D6317E ;
}
.carteInter  p {
color : #d6317e ;
font-weight : bold ;
text-align: center ;
}

/* * * * Esapce presse * * *  */
.espacePresse h2 {
background-color : #A4B10C ;
}
.espacePresse p {
text-align : center ;
}

/* * * * Esapce bleu * * *  */
.espaceBleu h2 {
background-color : #7997b1 ;
}
.espaceBleu p {
text-align : center ;
}

/* * * * Contactez-nous * * * */
.contact h2 {
background-color : #9C9D9F ;
}
.contact p {
color : #7D7D7D ;
font-weight : bold ;
text-align:center ;
}

/* boutons FCE encarts */
a.boutonDroite {
background:url(img/fdBouton.gif) 0 0 repeat-x;
line-height:30px;
display:inline-block;
text-decoration:none;
font-weight:bold;
}
a.boutonDroite span {
background:url(img/fdBoutonD.gif) 100% 0 no-repeat;
line-height:30px;
display:inline-block;
padding:0 14px 0 0;
}
a.boutonDroite span span {
background:url(img/fdBoutonG.gif) 0 0 no-repeat;
cursor:pointer;
line-height:30px;
display:inline-block;
text-align:center;
padding:0 0 0 14px;
}

/* FCE  lienbouton */
a.lienBouton {
background:url(img/fdBouton.gif) 0 0 repeat-x;
line-height:30px;
display:inline-block;
text-decoration:none;
font-weight:bold;
color:#c51b26;
}
a.lienBouton span {
background:url(img/fdBoutonD.gif) 100% 0 no-repeat;
line-height:30px;
display:inline-block;
padding:0 14px 0 0;
}
a.lienBouton span span {
background:url(img/fdBoutonG.gif) 0 0 no-repeat;
cursor:pointer;
line-height:30px;
display:inline-block;
text-align:center;
padding:0 0 0 14px;
}

.carteInter a.boutonDroite {
color:#d6317e ;
}
.contact a.boutonDroite {
color:#7d7d7d;
}
.espacePresse a.boutonDroite {
color:#a4b10c;
}
.espaceBleu a.boutonDroite {
color:#7997b1;
}


/* * * * *
         Restez informé
		             * * * * * * */
.restezInf h2 {
background-color : #7997b1 ;
}
.restezInf p {
margin : 0 ;
}
.restezInf p.redBold  {
margin-top : 8px ; ;
}
.restezInf img  {
margin-left : 5px ; ;
}

#formNL {
clear : both ;
height : 32px ;
}
#formNL  input#inputNL {
margin : 4px 0 0 4px ;
width : 94px ;
height:18px;
padding:2px 0 0;
border : 1px solid #d6d6d6 ;
color : #c30d1a ;
font-size : 1em ;
float : left ;
}

#formNL  input#submitNL{
float : left ;
}



.ouinon{
display: inline;
}

/* Tableau Agenda */
#agenda {
width:100%;
border-collapse:collapse;
border-spacing:0;
color:#7d97a1;
border:0;
margin:0;
font-size:0.9em;
}
#agenda caption {
display:none;
}
#agenda th {
text-align:center;
}
#agenda th abbr {
border:0;
background:#5ea5aa;
color:#fff;
display:inline-block;
width:16px;
height:14px; /* 15-1*/
padding:1px 0 0;
margin-bottom:5px;
}
#agenda td {
text-align:center;
color:#000;
height:15px;
padding:0;
}
#agenda tr.pair td {
background:#eff6f6; 
}
#agenda td a {
color:#429ea4;
font-weight:bold;
text-decoration:none;
}
#agenda td a:hover {
color:#c20d1a;
}
#agenda td .today {
color:#a4b10c;
}
/* Agenda (nav) */
#navAgenda {
margin:7px 0 6px;
color:#000;
font-size:0.9em;
width:190px;
height:20px;
font-size:1.05em;
}
#navAgenda a.prec {
display:block;
float:left;
color:#fff;
text-decoration:none;
width:15px; /* 25 - 10 */
padding:1px 0 0 10px;
}
#navAgenda span {
display:block;
float:left;
width:140px;
text-align:center;
}
#navAgenda a.suiv {
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:1px 0 0;
}

/* Liste evenements */
ul#events {
margin:0;
padding:0;
list-style-type:none;
font-size:0.95em;
}
ul#events li {
padding:0 0 0 6px;
}
ul#events li a {
color:#5ea5aa;
text-decoration:none;
}
ul#events li a:hover {
text-decoration:underline;
}
ul#events li p {
margin:0 0 3px;
padding:0;
}


/* Formulaire de login */
form#userLogin {
clear:both;
}
form#userLogin div {
clear:both;
margin:10px 0 ;
padding:4px;
}
form#userLogin label {
color:#5d5d5d ;
font-weight:bold ;
width:190px ;
float:left;
text-align:right;
padding-right:10px;
}
form#userLogin input {
float:left;
width:200px;
border:1px solid #ccc;
}
form#userLogin input.logSubmit {
margin:0 0 0 200px;
width:auto;
}
p.forgot {
margin-top:10px;
text-align:center;
clear:both;
}
p.forgot a {
color:#5d5d5d ;
font-weight:bold;
text-decoration:none;
}
p.error {
color:#c10d18;
text-align:center;
margin-top:10px;
}
p.forgot a:hover {
text-decoration:underline;
}

/* Formulaire Newsletter */
form#formAboNL {
clear:both;
}
form#formAboNL div {
clear:both;
margin:10px 0 ;
padding:4px;
}
form#formAboNL label {
color:#5d5d5d ;
font-weight:bold ;
width:190px ;
float:left;
text-align:right;
padding-right:10px;
}
form#formAboNL input {
float:left;
width:200px;
border:1px solid #ccc;
}
form#formAboNL .logSubmit {
padding:10px 0 0 204px;
}
form#formAboNL .logSubmit input {
width:auto;
float:none;
margin-bottom:5px;
}

/**** actualite **********/


.actuPrinc {
margin : 4px 12px 16px 0 ;
clear : both ;
border-bottom : 1px solid #fff ;
}

.actuPrinc img {
margin-right : 10px ;
float : left ;
}


#actualites a {
color : #C20C1B ;
font-weight : bold ;
}


/*
#sousActus {
margin : 0px 12px ;
}
#sousActus img {
margin-left : 20px ;
border : 3px solid #cecece ;
}
#sousActus img#imgActu1 {
margin-left : 0px  ;
}
#sousActus a:hover img, #sousActus a.active img{
border : 3px solid #C20C1B ;
color : #C20C1B ;
}
#sousActus h4{
margin : 14px 0 0 0 ;
}
*/


#colonneInterne .actuPrinc h3 {
padding-top : 14px ;
}
#colonneInterne .actuPrinc {
clear : both ;
}

/*****  Liens utile ****/
.linkitem {
float:left;
width:335px;
margin-right:10px;
margin-bottom:10px;
}
.linkitem.pair
{
border-right:1px solid #CCC;
}

.linkitem .illustration
{
float:left;
margin-right:10px;
}

.linkitem p
{
font-size : 0.9em ;
}



.linkitem  a.title
{
background : transparent url('img/fl02.gif') 2px 3px no-repeat ;
color : #C20C1B ;;
font-weight : bold ;
font-size : 1em ;
text-decoration : none ;
padding-left : 16px ;

}
.linkitem.pair{
clear:left;
}
.linkitem  .separateur
{
clear:both;
}