/* --------------------Styles Le Cercle d'Oc -----------------------
--------------------------------------------------------------------*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< BALISES COMMUNES >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

* {margin:0;padding:0;}
img {margin:0;padding:0;}

body {
	background: url(../images/fond.gif); 
	text-align:center;
	}

#conteneur {
	position: relative;
	width: 781px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	border:0;
	}
	
#bandeauHaut {
	background:url(../images/bandeau_haut.jpg) 0 100% no-repeat;
	width:781px;
	height:202px;
	}

	
	
/*------------------------
---- Espace Membres ------
-------------------------*/
#membres {
	position:absolute;
	z-index:2;
	background:url(../images/bandeau_membres.jpg) 0 0 no-repeat;
	height:72px;
	width:254px;
	left:0;
	font: bold 9px Verdana ;
	color: white;
	}

#membres p.txt_deconnection{
	font: normal 9px Verdana ;
	color: #454443;
	margin: 40px 0 0 10px;
	text-align:center;
	}	
	
#membres div.txt_identification{
	margin: -2px 0 0 20px;
	}
	
#membres div.txt_identification table{
	display:inline;
	font: normal 9px Verdana ;
	color: #454443;
}
	
input#deconnection{
	margin-top: 3px;
	font: normal 9px Verdana;
	color:#FFF;
	background-color:#454443;
	border:0;
	}	

form.formMembres {
	margin-top:35px;
	margin-left:-40px;
	}

input {
	margin-left:0;
	font: normal 11px Verdana;
	color: gray;
	text-align:center;
	margin-top:0;
	
	}
	
.boutonOk {
	margin-top:-2em;
	margin-left:14em;
	}

/*------------------------
---- Sélection Langage ------
-------------------------*/

#langues {
	float:right;
	background:url(../images/bandeau_langues.gif)  no-repeat;
	height:19px;
	width:527px;
	}

ul.listeDrapeau {
	list-style:none;
	}

li.drapeau {
	float:right;
	height:18px;
	margin-left:6px;
	}

/*-----------------------------
------------- Menu ------------
------------------------------*/
#menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#menu {
	position: absolute;
	left: 254px;
	top: 221px;
	z-index:5;
	width:527px;
	height:23px;
	background:url(../images/bandeau_menu.jpg)  no-repeat;
	margin:0;
	padding:0;
	}

#menu dl {
	float: left;
	}
	
#menu dt {
	cursor: pointer;
	text-align: center;
	margin: 5px 0 0 0;
	}

#menu dt img.imgMenu{
	margin: 0 6px 0 7px;
}
	
#menu dd {
	position: absolute;
	width: 95px;
	margin: -1px 0 0 0;
	}
	
#menu li {
	text-align: left;
	height:30px;
	padding:0;
	}

#menu ul{
	top:0;
	}

#menu dd ul li a {
	color:#514F4F;
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 3px 0 0 3px;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	}

#menu dd ul li  {
	margin: -2px 0 0 0;
	}

a {
	text-decoration: none;
	color: black;
	border:none;
	}

#menu li a.couleur1{
	background-color:#E3D6C2;
	}
#menu li a.couleur1:hover, #menu dt a.couleur1:hover {
	background-color:#eee;
	}
	
#menu li a.couleur2{
	background-color:#DCCDB8;
	}
#menu li a.couleur2:hover, #menu dt a.couleur2:hover {
	background-color:#eee;
	}

#menu li a.couleur3{
	background-color:#CEC2AF;
	}
#menu li a.couleur3:hover, #menu dt a.couleur3:hover {
	background-color:#eee;
	}
	
#menu li a.couleur4{
	background-color:#C6B69E;
	}
#menu li a.couleur4:hover, #menu dt a.couleur4:hover {
	background-color:#eee;
	}
	
#menu li a.couleur5{
	background-color:#BFAE95; 
	}
#menu li a.couleur5:hover, #menu dt a.couleur5:hover {
	background-color:#eee;
	}

/*------------------------
---- Corps de la page (fond blanc) ------
-------------------------*/
#corps {
	background:url(../images/bandeau_contenu.jpg) no-repeat;
	background-color:#FFFFFF;
	width:781px;
	
	}
/*-----------------------------
----- Titre des pages (les images des titres)
--------------------------------*/
img.titreContenu {					
	text-align:right;
	margin-top:25px;
	position:relative;
	}
	
#contenu {
	padding:10% 115px 10px 115px;
	text-align:left;
	}

#contenu ul li{
	list-style-type: disc;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:gray;
	margin:15px;
	}

#contenu p {
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:gray;
	text-align:justify;
	margin-top:10px;
	line-height:20px;
}	
	
#contenu h1{
	font-family:Verdana, Arial, sans-serif;
	font-size:14px;
	color:gray;
	margin-top:20px;
	}

#contenu blockquote {float: right; background-color: #bfbfbf; padding:10px; margin: 10px 0 10px 10px;}
#contenu blockquote h2 {font: bold 12px Verdana, Arial, sans-serif; color: gray;}
#contenu blockquote b.date {font: bold 11px Verdana, Arial, sans-serif; color: #959595;}
#contenu blockquote b {font: bold 11px Verdana, Arial, sans-serif; color: #FFF;}
#contenu blockquote i {font: italic 11px Verdana, Arial, sans-serif; color: #FFF;}
#contenu blockquote hr {width: 295px; margin: 10px 0 10px 0;}

p.txtAccueil{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:gray;
	text-align:justify;
	margin-top:15px;
	}

p.citation {						
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#CD8484;	
	text-align:right;
	}
	
p.citation a{
	color:#CD8484;
	text-decoration:none;
	}
/*------------------------
---- Pied de page ------
-------------------------*/
#footer {
	background:url(../images/footer.jpg) no-repeat;
	height:43;
	width:781;
	}

p.pied {
	font-size:10px;
	font-family:Verdana,Arial sans-serif;
	font-weight:normal;
	color:white;
	padding:10px 0 0 0;}
	
.pied a {
	font-size:10px;
	font-family:Verdana,Arial sans-serif;
	font-weight:bold;
	color:white;
}
	
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<   ACCUEIL    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#accueilFond {
	position:relative;
	background:url(../images/Accueil_fond.gif) 0 0 no-repeat;
	width:761px;
	height:419px;
	top:2px;
	}
	
#AnimAccueil{
	position:absolute;
	top:56px;
	left:288px;
	z-index:3;
	}
	
#langages {
	position:absolute;
	top:225px;
	left:408px;
	z-index:50;
	padding:O O 5px O;
	}
	
#langages ul li.drapeau {
	float:left;
	height:18px;
	margin-left:6px;
	}
		
#pointsAccueil{
	position:absolute;
	z-index:2;
	top:330px;
	left:112px;
	}
	
#AccueilMenu {
	margin-top:0px;
	margin-left:116px;
	
	}
ul#menuAccueil li{
	float:left;
	margin-top:340px;
	}
	
img.imageDroite {
	margin:0px;
	padding:1px 0 30px 0;
	}
img.imageMilieu{
	margin-left:120px;
	margin-right:119px;
	padding:1px 0 30px 0;
	}
img.imageGauche{
	margin:0;
	padding:1px 0 30px 0;
	}






/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<   MEMBRES    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#membres_ok {							/* changement de l'espace Membre: personnalisé*/
	position:absolute;
	background:url(../images/bandeau_membres_ok.jpg) 0 0 no-repeat;
	height:72px;
	width:254px;
	left:0;
	z-index:6;
	}


#alphabet {
	position:absolute;
	z-index:3;
	left:350px;
	top:336px;
	font-size:11px;
	font-family:verdana, sans-serif;
	color:#A73C2F;
	background:url(../images/points.gif) 100% 0 no-repeat;
	padding:11px 0 0 0;
	}

p.liste_membres {padding-top:40px;}
	
html>body #contenu #alphabet{			/* Mozilla et ses marges*/
	top:317px;
	}

	
#ficheMembre {
	position:relative;
	margin:20px 0 0 0;
	}
	
#texteTrombi{
	width:350px;
	font-family:verdana, arial, sans-serif;
	margin-left:30px;
	margin-top:75px;
	}

#trombi_signature {
	position:absolute;
	z-index:1;
	margin-left:515px;
	margin-top:350px;
	}

html>body #contenu #trombi_signature { /*pour que les marges soient interprétées pareil sous Mozilla que sous IE*/
	top:358px;
	left:120px;}
/*------------------------------
------- Alphabet --------------
------------------------------*/
a.lettre {
	font-family:verdana, arial, sans-serif;
	text-decoration:none;
	font-size:11px;
	color:#A73C2F;
	}
a:hover .lettre{
	text-decoration:underline;
	color:black;
	}

p#navigation ul.nav{
	list-style:none;
	}

ul.nav li{
	float:left;
	list-style:none;
	margin-left:20px;
	margin-top:4px;
	color:gray;
	}

ul.nav li a{
	color:gray;
	text-decoration:underline;
	}
/*----------------------------
--------image trombi ----------
-----------------------------*/
img.imgTrombi{
	margin-top:80px;
	z-index:0;
	}
/*------------------------------
--------- texte trombi --------
------------------------------*/
h1.nom{
	Font-size:16px;
	color:#A73C2F;
	font-weight:bold;
	}

h2.fonction{
	font-size:14px;
	font-style:italic;
	color:#A73C2F;
	}

p.fonction2{
	font-size:12px;
	font-style:italic;
	color: black;
	}

h2.entreprise{
	font-size:14px;
	font-weight:bold;
	}

p.adress {
	font-size:12px;
	}

p.points{
	font-size:10px;
	color:#A73C2F;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<  DIAPORAMA  cerclediapo >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
h2.txtDiapo {font-family:Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:50px;
	padding-bottom:10px;
	color:gray;
	}
	
p.txtDiapo{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:gray;
	text-align:justify;
	margin-top:50px;
	line-height:25px;
	}
	
#txtGlobal {
	position:relative;
	}
	
#diapo{
	position:absolute;
	top:0px;
	left:320px;
	border:1px solid #514F4F;
	padding:3px 5px 5px 8px;
	text-align:center;
	z-index:4;
	}
html>body #contenu #diapo {			/*Pour Mozilla */
	top:10px;}
	
p.diapolien {						/*pour le visionnage des photos*/
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#CD8484;	
	text-align:right;
	}
	
p.diapo a{
	color:#CD8484;
	text-decoration:none;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<   EDITO    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

table.txt{
    font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:gray;
	margin-top:40px;
	line-height:20px;
	border: 1px solid #CCC;
}

.txt th {border: 1px solid #CCC; padding: 5px;}
.txt td {border: 1px solid #CCC; padding: 5px;}
.txt b.date {font: bold 11px Verdana, Arial, sans-serif; color: gray;}
.txt b {font: bold 11px Verdana, Arial, sans-serif; color: #959595;}
.txt i {font: italic 11px Verdana, Arial, sans-serif; color: gray;}

p.txtEdito{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:gray;
	text-align:justify;
	margin-top:40px;
	line-height:20px;
	}
	
h1.signature {
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#A73C2F;
	margin-top:30px;
	margin-bottom:0px;
	text-align:right;
	}

p.btnCommunique {float: right; padding : 5px 0 10px 10px; }
	
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<   ACTUALITES    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#actu {position: absolute; background-color: #83261d; width: 260px; height: 150px; top: 250px; left: 247px; z-index: 20;}
#actu div{font: 8pt Verdana; color: #FFF; text-align: left; padding:3px;}
.titre_actu {position: absolute; top: 230px; left: 125px; z-index: 20;}

#actualites{
	position:relative;
	width:546px;
	}

ul#actu1 {
	list-style:none;
	margin-top:40px;
	}

ul#actu1 li{
	float:left;
	text-align:justify;
	}

li.liste1 {
	font-family:Verdana, arial sans-serif;
	font-size:11px;
	color:gray;
	line-height:14px;
	}
	
li.liste2 {
	font-family:Verdana, arial sans-serif;
	font-size:10px;
	margin-left:40px;
	color:gray;
	}
	
h1.titreActu {
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#A73C2F;
	margin:0 0 10px 0;
	}
	
p.ActuDate{
	Font-style:italic;
	margin-top:5px;
	}
	
p.ActuInvit{
	font-weight:bold;
	color:#A73C2F;
	}

p.ActuEntrep{
	font-weight:bold;
	margin:0 0 5px 0;
	}
/*---------------------
------ Actu 2 --------
--------------------------*/
ul#actu2 {
	left:0px;
	}
	
ul#actu2 li{
	float:left;
	margin-top:20px;
	text-align:justify;
	}