@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/

* { margin: 0; padding: 0; }
html { background: url(../images/fond-footer-3.jpg) repeat; }
.c { clear:both; }
img { border:0px; }
.left { float:left; }
.right { float:right; }
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.tjustify { text-align:justify; }
.titalic { font-style:italic; }
.marginR20 { margin:0 20px 0 0; }
.marginR40 { margin-right:40px; }
.marginL40 { margin-left:40px; }
.marginR70 { margin-right:70px; }
.marginL70 { margin-left:70px; }
.paddingL10 { margin:0 0 0 10px; }
.paddingR10 { margin:0 10px 0 0; }
.paddingL20 { margin:0 0 0 20px; }
.paddingL30 { margin:0 0 0 30px; }
.paddingL40 { margin:0 0 0 40px; }
.marginB50 { margin-bottom:50px; }
.marginB10 { margin-bottom:10px; }
.padding20 { padding:20px; }
.backred { background:red; }
.backblue { background:blue; }
body .noborder { border: 0px; }
.trouge { color:#A5171D; }
.gras { font-weight:bold; }

/****************
Global 
****************/
#global {
	width: 100%;
	background: #fff url(../images/fond-site.jpg) repeat-x;
	font-family:Tahoma, Arial;
}
#global_reserve {
	width: 100%;
	background: #fff url(../images/fond-site-reserve.jpg) repeat-x;
	font-family:Tahoma, Arial;
}

/****************
Header 
****************/
#header {
	width: 960px; 
	height: 135px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/h_accueil.jpg) no-repeat;
	background-position:755px 95px;
}
#header_reserve {
	width: 960px; 
	height: 135px;
	margin: 0 auto;
	text-align: left;
}
#logos {
	float:left;
	height: 120px;
	width:185px;
	padding:15px 0 0 15px;
}
#header_right {
	float:left;
	width:760px;
}
a#reserved_access, a#reserved_access_quit {
	display:block;
	float:right;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	width:98px;
	height:21px;
	padding:5px 0 0 30px;
	background:url('../images/fond-acces-reserve.gif') no-repeat;
}
a#reserved_access:hover, a#reserved_access:active, a#reserved_access:focus {
	background:url('../images/fond-acces-reserve.gif') no-repeat;
	background-position:0px -26px;
}
a#reserved_access_quit {
	background:url('../images/fond-acces-reserve-quit.gif') no-repeat;
}
a#reserved_access_quit:hover, a#reserved_access_quit:active, a#reserved_access_quit:focus {
	background:url('../images/fond-acces-reserve-quit.gif') no-repeat;
	background-position:0px -26px;
}

/****************
Menu principal
****************/
#nav {
	display:block;
	width:716px;
	height:38px;
	margin:20px 0 0 0;
	padding:4px 12px;
	list-style: none ;
	background:url('../images/fond-menu.jpg') no-repeat;
}
#nav li, #nav li.finmenu {
	display: block ;
	float:left;
	height:37px;
	background:url('../images/separation-menu.jpg') no-repeat;
}
#nav li.finmenu {
	width:1px;
	padding:11px 0px 12px 0px;
}
#nav li a {
	display: block ;
	font-family: Arial,sans-serif ;
	font-size:12px;
	color:#fff;
	padding:11px 8px 12px 9px;
	margin:0px 0px 0px 1px;
	text-align: center ;
	text-decoration: none ;
}
#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.active {
	background:url('../images/fond-item-menu.jpg') repeat-x;
	color:#fff;
}			

/****************
Banniere 
****************/
#banner {
	width:960px; 
	height:174px;
	margin:0 auto;
	text-align:left;
}
#banner.b_accueil {
	background: url(../images/b_accueil.jpg) no-repeat;
}
#banner_reserve {
	width: 960px; 
	height: 30px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/b_reserve.jpg) no-repeat;
}
#banner_left {
	width:310px;
}
#banner_left  h1 {
	font-size:14px;
	color:#FFF000;
}
#banner_left p, #banner_right p {
	color:#fff;
	font-family: Arial,sans-serif ;
	line-height:16px;
}
#banner_right {
	width:390px;
}
#banner_animation {
	height:174px;
}


/****************
Contenu 
****************/
#content {
	clear:both;
	width: 960px;
	margin: 0 auto;
	text-align:left;
	padding:25px 0 0 0;
}
#content.filigrane {
	background: url('../images/filigrane-jetons.gif') no-repeat bottom right;
}
.half_col {
	width:460px;
}
.one_third_col {
	width:355px;
}
.two_third_col {
	width:560px;
}
.actu_col {
	width:700px;
}
.separateur {
	width:40px;
	height:180px;
	background: url(../images/separateur-contenu.gif) no-repeat;
	background-position:19px 1px;
}
h1 {
	font-family: Lucida sans unicode, Tahoma, Arial,sans-serif;
	font-weight:normal;
	margin-bottom:15px;
	font-size:18px;
	color:#A5171D;
}
h2 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px 0;
	color:#A5171D;
}
p {
	font-family: Tahoma,sans-serif;
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
	color:#402525;
}
ul.liste_texte {
	font-size:12px;
	color:#402525;
	padding:0 0 10px 0;
}
ul.liste_texte li {
	padding: 0 0 0 0px;
	margin: 0 0 0 20px;
	line-height:20px;
}
a.lien_rouge {
	font-size:12px;
	text-decoration:none;
	color:#A5171D;
}
a.lien_rouge:focus, a.lien_rouge:active, a.lien_rouge:hover,
a.lien_rouge_pdf:focus, a.lien_rouge_pdf:active, a.lien_rouge_pdf:hover {
	text-decoration:underline;
}
a.lien_rouge_pdf {
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	color:#A5171D;
	padding:1px 0 5px 25px;
	background: url('../images/pdf-document.gif') no-repeat;
}
.exergue {
	border-bottom: 1px solid #FBE6E7;
	padding:10px 0;
	margin:0 0 20px 0;
}
.exergue h1 {
	margin:0px 0 10px 0; 
	padding:0px;
	font-size:14px;
	line-height:22px;
	font-style:italic;
	color:#328925;/*328925*/
}

/*****************
Encart contenu petit blanc
*****************/
div.encart_carreau {
	width:170px;
	height:190px;
	background: url(../images/fond-petite-carte-carreau.png) no-repeat;
	padding: 40px 30px 70px 55px;
}
div.encart_coeur {
	width:170px;
	height:190px;
	background: url(../images/fond-petite-carte-coeur.png) no-repeat;
	padding: 60px 45px 60px 30px;
}
div.encart_interro_rouge {
	width:170px;
	height:190px;
	background: url(../images/fond-petite-carte-interro-rouge.gif) repeat-y;
	padding: 40px 15px;
}
div.encart_vierge_rouge {
	width:170px;
	height:230px;
	background: url(../images/fond-petite-carte-vierge-rouge.gif) repeat-y;
	padding: 20px 15px;
}
div.encart_dix { width:170px; height:195px; background: url(../images/fond-petite-carte-dix.png) no-repeat; padding: 65px 50px 45px 30px; }
div.encart_valet { width:170px; height:195px; background: url(../images/fond-petite-carte-valet.png) no-repeat; padding: 65px 40px 45px 25px; }
div.encart_dame {	width:180px; height:195px; background: url(../images/fond-petite-carte-dame.png) no-repeat; padding: 65px 40px 45px 25px; }
div.encart_roi{ width:185px; height:195px; background: url(../images/fond-petite-carte-roi.png) no-repeat; padding: 65px 50px 45px 15px; }
div.encart_as { width:175px; height:195px; background: url(../images/fond-petite-carte-as.png) no-repeat; padding: 65px 30px 45px 55px; }
div.encart  h2 {
	font-size:14px;
	font-weight:normal;
	color:#A5171D;
}
div.encart p {
	font-size:11px;
	margin:0px;
	padding:0 0 5px 0;
}
div.encart ul {
	font-size:11px;
	color:#402525;
	padding:0px 0 5px 0;
}
div.encart li {
	padding: 0 0 0 0px;
	margin: 0 0 5px 20px;
	line-height:14px;
}
div.encart a.lien_rouge {
	font-size:11px;
}

/*****************
Encart petit contenu rouge
*****************/
div.encart_pique {
	width:170px;
	height:190px;
	background: url(../images/fond-petite-carte-pique.png) no-repeat;
	padding: 40px 65px 70px 20px;
}
div.encart_trefle {
	width:170px;
	height:190px;
	background: url(../images/fond-petite-carte-trefle.png) no-repeat;
	padding: 55px 50px 60px 30px;
}
div.encart_interro_noir {
	width:170px;
	height:190px;
	background: url(../images/fond-petite-carte-interro-noir.gif) repeat-y;
	padding: 40px 15px;
}
div.encart_vierge_noir {
	width:170px;
	height:230px;
	background: url(../images/fond-petite-carte-vierge-noir.gif) repeat-y;
	padding: 20px 15px;
}
div.encart_rouge h2 {
	font-size:14px;
	font-weight:normal;
	color:#FFF000;
}
div.encart_rouge p {
	font-size:11px;
	margin:0px;
	padding:0 0 5px 0;
	color:#fff;
}
div.encart_rouge ul {
	font-size:11px;
	color:#fff;
	padding:0px 0 5px 0;
}
div.encart_rouge li {
	padding: 0 0 0 0px;
	margin: 0 0 5px 20px;
	line-height:14px;
}
div.encart_rouge a.lien_rouge {
	color:#FFF000;
	font-size:11px;
}


/*****************
Encart fond blanc big
*****************/
div.encartbig {
	width:250px;
	height:400px;
	background: url(../images/coeur-big.png) no-repeat;
	padding: 70px 25px 10px 20px;
	height:auto;
}
div.encartbig  h2 {
	font-size:14px;
	font-weight:normal;
	color:#FFF000;
}
div.encartbig p {
	font-size:11px;
	margin:0px;
	padding:0 0 5px 0;
	color:#fff;
}
div.encartbig ul {
	font-size:11px;
	color:#402525;
	padding:5px 0 10px 0;
}
div.encartbig li {
	padding: 0 0 0 0px;
	margin: 0 0 5px 20px;
	line-height:14px;
	color:#fff;
}
div.encartbig a.lien_rouge {
	color:#FFF000;
	font-size:11px;
}

/*****************
Actualités accueil
*****************/
.actu_bloc {
	padding:10px 0;
	border-top: 1px solid #FBE6E7;
}
.actu_bloc h2 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 0 0;
	color:#A5171D;
}
.actu_bloc p.date {
	font-size:11px;
	color:#856464;
	margin:0 0 5px 0;
}
.actu_bloc ul {
	font-size:12px;
	color:#402525;
	padding:0 0 10px 0;
}
.actu_bloc li {
	padding: 0 0 0 0px;
	margin: 0 0 0 20px;
	line-height:18px;
}
.actu_bloc h2 a {
	color:#A5171D;
	text-decoration:none;
}
a.actu_lien {
	font-size:11px;
	text-decoration:none;
	color:#A5171D;
}
a.actu_lien:focus, a.actu_lien:active, a.actu_lien:hover, .actu_bloc h2 a:active, .actu_bloc h2 a:hover, .actu_bloc h2 a:focus {
	text-decoration:underline;
}

/*****************
Actualités détail
*****************/
.actu_detail {
	padding:10px 0 10px 0;
	margin-bottom:10px;
	border-bottom: 1px solid #FBE6E7;
}
.actu_detail img {
	border:2px solid #A5171D;
}
.actu_detail h1 {
	font-weight:normal;
	margin:0 0 0 0;
	color:#A5171D;
}
.actu_detail p.date {
	font-size:11px;
	color:#856464;
	margin:0 0 5px 0;
}
.actu_detail ul {
	font-size:12px;
	color:#402525;
	padding:0 0 10px 0;
}
.actu_detail li {
	padding: 0 0 0 0px;
	margin: 0 0 0 20px;
	line-height:18px;
}
.actu_detail a {
	text-decoration:none;
	color:#A5171D;
}
a.actu_lien {
	font-size:11px;
	text-decoration:none;
	color:#A5171D;
}
a.actu_lien:focus, a.actu_lien:active, a.actu_lien:hover,
.actu_detail a:focus, .actu_detail a:active, .actu_detail a:hover {
	text-decoration:underline;
}

/*****************
Reseau
*****************/
.reseau_bloc {
	padding:10px 0 10px 0;
	margin-bottom:10px;
	border-bottom: 1px solid #FBE6E7;
	font-family:Tahoma, Arial;
	font-size:12px;
	line-height:18px;
	color:#402525;
}
.reseau_bloc h1 {
	margin:0 0 10px 0;
	font-weight:normal;
	color:#A5171D;
}
.reseau_bloc ul {
	font-size:12px;
	color:#402525;
	padding:0 0 10px 0;
}
.reseau_bloc li {
	padding: 0 0 0 0px;
	margin: 0 0 0 20px;
	line-height:18px;
}
.reseau_bloc .image_doc {
	width:150px;
	float:left;
}
.reseau_bloc .image_doc img {
	border:2px solid #A5171D;
}
.reseau_bloc .desc {
	width:400px;
	float:left;
}

/****************
Formulaire
****************/
#formulaire {
	font-size:12px; 
	color:#402525;
	font-family:Tahoma, Arial;
}
#formulaire fieldset {
	border:1px solid #FBE6E7;
	padding:10px 15px 15px 15px;
}
#formulaire legend {
	color:#A5171D;
	padding:0 5px 0 5px;
	font-family:Lucida sans unicode, Tahoma, Arial;
	font-size:18px;
}
#formulaire p.req_fields {
	font-style:italic;
	font-size:11px;
}
#formulaire div { 
	display:block;
	clear:both;
}
#formulaire label { 
	padding:6px 0 3px 0; 
	margin:0 3px 0 0; 
	font-size:12px; 
	float:left; 
	display:block; 
	text-align:right; 
	width:180px; 
}
#formulaire label.long {
	width:180px;
} 
#formulaire input.contact_txt { 
	border:1px solid #402525;
	margin:3px 3px 0 1px; 
	padding:2px;
	font-family:tahoma, Arial, Verdana;  
	font-size:12px; 
	float:left; 
	display:block; 
}
#formulaire textarea { 
	border:1px solid #402525;
	padding:2px;
	font-family:tahoma, Arial, Verdana;  
	font-size:12px; 
	width:330px;
}
#formulaire select { 
	border:1px solid #402525;
	margin:3px 3px 0 1px; 
	padding:2px;
	font-family:tahoma, Arial, Verdana;  
	font-size:12px; 
}
#status { 
	display:block; 
	color:#c00; 
	font-style:normal; 
	width:100%; 
	margin:0px 0 15px 0px; 
	padding:5px 0 5px 10px; 
	font-size:11px; 
	line-height:16px;
	font-family:Tahoma, Arial, Verdana; 
	background-color:#FCC; 
}

/****************
Connexion membres 
****************/
#connection_membre label { 
	padding:4px 0 2px 0; 
	margin:0 3px 0 0; 
	font-size:12px; 
	float:left; 
	display:block; 
	text-align:right; 
	width:180px; 
	font-size:14px;
	color:#FFF000;
}
#connection_membre  input.texte { 
	border:1px solid #402525;
	margin:3px 3px 0 1px; 
	padding:2px;
	font-family:tahoma, Arial, Verdana;  
	font-size:12px; 
	float:left; 
	display:block; 
}
#connection_membre fieldset {
	border:0px;
	width:315px;
} 
#connection_membre  input.btn { 
	padding:5px 0 0 0;
}
a#mdpOublie {
	color:#FFF000;
	text-decoration:underline;
	font-size:11px;
}
#connection_membre p.erreur {
	display:block;
	width:300px;
	text-align:right;
	color:#fff;
	padding:5px;
	margin:0;
	font-size:11px;
}

/****************
Footer 
****************/
#footer {
	width: 100%;
	height: 312px;
	background: url(../images/fond-footer-2.jpg) repeat-x;
}
#footer_content {
	width: 960px; 
	height: 312px;
	margin: 0 auto;
	background: url(../images/jetons-footer.png) no-repeat;
}
#footer_encadre {
	float:right;
	width:418px;
	height:75px;
	margin:70px 0 0 0;	
	background: url(../images/encadre-footer.png) no-repeat;
}
#creation_coheliance {
	float:left;
	margin:9px 0 0 15px;
}
#coordonnees {
	float:left;
	width:200px;
	padding:8px 0 0 10px;
}
#coordonnees address {
	font-family: Arial,sans-serif;
	font-style:normal;
	font-size:12px;
	line-height:18px;
	color:#662C91;
}
#coordonnees a {
	text-decoration:none;
	font-family: Arial,sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#BC1A8D;
}
#coordonnees a:hover, #coordonnees a:active, #coordonnees a:focus {
	text-decoration:underline;
}





