/*
 title : FE Style base [yourdomain.com].
 author : kprykorn@teamzforge.org.
 date : 09/10/2005
*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




/* GENERALE _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/


img {
	border:0;
}

/* Pour la gestion des *.png transparent sur IE */
img {
	behavior: url("medias/tpl/css/pngbehavior.htc"); 
}

body {
	background-color : #fff;
	color:  #333333;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height:12px;
	text-align: center; /* On centre le conteneur */
}

h1, h3, h4, h5, h6{
	margin-left:20px;
	text-align: left;
	color:#701C2C;
	font-style :strong;
	padding : 0 0px 0 0px;
	font-size: 10px;
	line-height:18px;
}

h2 {
	text-align: left;
	color:#701C2C;
	padding : 0 0px 0 0px;
	font-size: 12px;
	line-height:18px;
	font-weight:bolder;
}

p {
	margin: 0px 0px 5px 0px;
	padding : 0px 0px 10px 0px;
	text-align: justify; /* On centre le conteneur */
	font-size: 10px;
	line-height:12px;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* CONTENEUR PAGE FRONTEND _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
#conteneur {
	align:center;
	width:994px;
	margin-left:auto;
	margin-right:auto;
	text-align: left; /* On rétablit l'alignement normal du texte */
	background:#fff;
}

#entete {
	margin-top:5px;
	margin-left:3px;
	width:988px;
	height:120px;
	background: #701C2C;
}

#nav {
	line-height:30px;
	background: #fff;
	margin-left:3px;
}

#content {
	width:988px;
	background:#ddcaca;
	padding-top:20px;
	margin-left:3px;
}

#colon_left {
	padding:0px 0px 0 0px;
	width:196px;
	height:550px;
	float:left;
	text-align:center;
}

#colon_left img.center{
	align:center;
}

#colon_left img.right{
	float:right;
}

#colon_left img.left{
	float:left;
}

#contenu {
	width:556px;
	float:left;
	padding:0px 20px 10px 20px;
	text-align: left;
}

#contenu p a{
	color:#701C2C;
	font-weight:bold;
}

#contenu p a:hover{
	color:#000000;
}

#contenu img.gauche{
	padding:0 0px 0 0px;
	float: left;
	margin-right:20px;
	padding-bottom:15px;
}

#contenu img.droite{
	padding:0 0px 0 0px;
	float: right;
	margin-left:22px;
	padding-bottom:15px;
}

#fiche_sp {
	width:556px;
	float:left;
	text-align: left;
}

#formulaire {
	width:530px;
	clear:left;
	padding:0px 10px 0 10px;
	text-align: left;
}


#colon_right {
	width:196px;
	float:left;
	padding:0px 0 10px 0;
}

#colon_right h2{
	margin-top:0px;
	background:#701C2C;
	color: #ffffff;
	text-align:center;
	margin-bottom:0px;
	font-weight:bold;
	line-height:18px;
	font-size: 9px;
}

#colon_right p{
	margin-bottom:0px;
	font-size: 9px;
	line-height: 11px;
	border-top:0px solid #701C2C;
	text-align: left;
	padding:10px;
}

#colon_right img{
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

#colon_right p a{
	color:#701C2C;
	text-decoration: none;
}

#colon_right dt.next{
	color:#701C2C;
	text-decoration: none;
}


#colon_right p a:hover{
	color:#000000;
}


#pied_de_page {
	clear:left;
	background:#701c2c;
	color:#fff;
	height:18px;
	padding:5px 10px 0 10px;
}

#pied_de_page p{
	padding:0;
        margin:0;
}

#pied_de_page a{
	color:#fff;
}

#pied_de_page a:hover{
	color:#ffcc21;
}

/* CONTENU PAGE FRONTEND _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
#contenu p{
}

dl.grande_image {
}

.grande_image dt {
	margin : 0px;
	padding: 0px;
}

.grande_image dt img {
	margin : 0px;
	padding: 0px;
}

.intro {
	border:0px solid #701C2C;
	font-weight:bolder;
}


.calendrier {
	width:550px;
	text-color:#000;
	float: left;
	margin-bottom:10px;
}

.calendrier a{
	color: #701C2C;
	decoration:none;
}

.calendrier dt{
	margin : 0;
}

.calendrier dt h2{
	border-top:0px solid #701C2C;
}

.calendrier dt p{
	margin : 0;
	padding:0;
}

.gen_dl_pdf_sp {
	margin-top:5px;
	float: left;
	height: 35px;
	text-align: left;
}

.gen_dl_pdf_sp dt {
	float: left;
}

.gen_dl_pdf_sp dt img {
	margin-left:15px;
	height:30px;
}

.gen_dl_pdf_sp dd {
	margin-top:10px;
	width:400px;
}


.gen_dl_img_sp {
	float: left;
	height: 110px;
	margin:10px 0 0 10px;
}


.gen_dl_img_sp dt img {
	margin:0px;
	border:0px solid #701C2C;
	height:90px;
}

.gen_dl_img_sp h2 {
}
	
.gen_dl {
	padding:0px;
	float: left;
	height: 160px;
	width:180px;
	text-align: center;
}

.gen_dl dt img {
	height: 100px;
	text-align: center;
	padding:0px;
	margin : 0px 0 10px 0;
}

.gen_dl h2 {
	font-weight: bold;
	font-size: 9px;
	line-height: 12px;
	text-align: center;
}

.gen_dl_fiche {
	border-color: #000;
	color: #000000;
	float: left;
	text-align: justify;
	margin-bottom:20px;
}

.gen_dl_fiche dt {
	margin:0 0px 0px 0px;
}

.gen_dl_fiche img {
	border:0px solid #701C2C;
	float:left;
	margin: 5px 10px 10px 0px;
}

.gen_dl_fiche a {
	color: #701C2C;
	text-decoration:underline;
}

.gen_dl_fiche h2 {
	margin:0px 0px 0 0px;
	font-size:13px;
}

///////////////////////////////////////* accueil 2010 *//////////////////////////////////////////////////

dl.accueil{
	margin-bottom:100px;
}

dt.accueil_titre{
	font-size: 12px;
	line-height:16px;
	font-weight:bolder;
	color:#701C2C;
	margin-top:10px;
}

dt.accueil_titre a{
	color:#701C2C;
}

dt.accueil_s_titre{
	font-size: 10px;
	line-height:14px;
	font-weight:bold;
	color:#000;
}

dt.accueil_texte{
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	color:#000;
}


a.info {
   position: relative;
   color: black;
   text-decoration: none;
  /*  border-bottom: 1px gray dotted; on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;
   border: 1px solid black;
}

fieldset {
 padding:10px;

 }

legend {
color:#701C2C;
font-size: 12px;
font-weight:bold
 }

form.genre {
 padding:10px;
 width:180px;
text-align:left;
 }

input {
align:right;
 margin-top:10px;

 }

select, option {
text-align:left;
 }

label.genre {
 margin-top:20px;
 display:block;
 }

label{
 margin-top:10px;
 margin-bottom:10px;
 display:block;
 }


///////////////////////////////////////* style compagnie_droite 2011 *//////////////////////////////////////////////////



dl.compagnie_droite
{
}

dl.compagnie_droite a
{
padding: 0;
font-weight: bold;
color:#701C2C;


}
.compagnie_droite dt
{
margin: 2em 0.8em 0 0.8em;
}

.compagnie_droite dd
{
font-size: 10px;
margin: 0.5em 0.8em 0 0.8em;

}


/* Objet [tz_article_46][gen_article] Start ----------------------------------------------------*/

 /*
 title : The base for object "article" styles.
 author : KpryKorn for TeamZone.
 date : 11/08/2005
*/

h2.tz_article_46 {
	padding-left:10px;
	color: #fff;
	background: #701C2C;
	text-align:left;
	font-weight:bold;
	line-height: 18px;
	font-size: 11px;
}

p.tz_article_46_pub_date {
	margin:0px 0px 0px 0px;
	color:#000;
	font-size:9px;
	text-transform:lowercase;
}

div.tz_article_46 {
}

div.tz_article_46 p.article {
	margin: 0px 0 40px 0;
	text-align:left;
}

div.tz_article_46 img.align_left {
	float:left;
	margin: 5px 20px 10px 20px;
}

div.tz_article_46 img.align_right {
	float:right;
	margin: 5px 20px 10px 20px;
}

div.tz_article_46 .spacer {
	clear: both;
	line-height:5px;
}
/* Objet [tz_article_46][gen_article] End ----------------------------------------------------*/


/* Objet [tz_article_46][archi_article] Start ----------------------------------------------------*/

 /*
 title : The base for object "article" styles.
 author : KpryKorn for TeamZone.
 date : 11/08/2005
*/

ul.tz_article_46_archi{
	margin: 0 10px;
}

ul.tz_article_46_archi li{
	margin-top:3px;
	color:#701C2C;
	font-weight:bold;
}

ul.tz_article_46_archi li a{
	color:#701C2C;
}

/* Objet [tz_article_46][archi_article] End ----------------------------------------------------*/


/* Objet Menu [menu_5] Start */

 /*
 title : The base for object "menu" styles.
 author : KpryKorn for TeamZone.
 date : 21/09/2005
*/

.menu_5 {
	margin-right:2px;
	margin-bottom:10px;
	text-align:center;
}

.menu_5 a{
	font-size: 10px;
	color:  #fff;
	text-decoration: none;
}

.menu_5 a:hover{
	color:  #ffcc21;
}

.menu_5 dt.menu_level0_on{
	background:#701C2C;
	color: #ffcc21;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
	line-height: 18px;
	font-size: 10px;	
}

.menu_5 dt.menu_level0_off{
	background:#701C2C;
	color: #ffffff;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	line-height: 18px;
	font-size: 10px;
}

.menu_5 dd{
}

.menu_5 li.menu_level1_off {
	margin-left:20px;
	font-weight:normal;
	line-height: 16px;
	padding-left:5px;
}

.menu_5 li.menu_level1_on {
	margin-left:20px;
	font-weight:normal;
	line-height: 16px;
	background:#E3E3E3;
	padding-left:5px;
}

/* Objet Menu [menu_5] End */

/* Objet Menu [menu_86] Start */

 /*
 title : The base for object "menu" styles.
 author : KpryKorn for TeamZone.
 date : 21/09/2005
*/

.menu_86 dt{
	color:#701C2C;
	font-weight:bold;
	float:left;
	align:center;
	width:195px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
}

.menu_86 a{
	font-weight:bold;
	color:  #fff;
	text-decoration: none;
}

.menu_86 a:hover{
	color:  #ffcc21;
}

.menu_86 dt.menu_level0_on{
    background-color:#ddcaca;
	text-align: center;
	border-right:3px solid #fff;
	text-decoration:none;
}

.menu_86 dt.menu_level0_off{
	background-color:#701C2C;
	text-align: center;
	border-right:3px solid #fff;
	text-decoration:none;
}


/* Objet Menu [menu_86] End */

/* Objet Menu [menu_92] Start */

 /*
 title : The base for object "menu" styles.
 author : KpryKorn for TeamZone.
 date : 21/09/2005
*/

.menu_92 {
	margin-right:2px;
	margin-bottom:10px;
	text-align:center;
}

.menu_92 a{
	font-size: 10px;
	color:  #fff;
	text-decoration: none;
}

.menu_92 a:hover{
	color:  #ffcc21;
}

.menu_92 dt.menu_level0_on{
	background:#701C2C;
	color: #ffcc21;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
	line-height: 18px;
	font-size: 10px;
}

.menu_92 dt.menu_level0_off{
	background:#701C2C;
	color: #ffffff;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	line-height: 18px;
	font-size: 10px;
}

.menu_92 dd{
}

.menu_92 li.menu_level1_off {
	margin-left:20px;
	font-weight:normal;
	line-height: 16px;
	padding-left:5px;
}

.menu_92 li.menu_level1_on {
	margin-left:20px;
	font-weight:normal;
	line-height: 16px;
	background:#E3E3E3;
	padding-left:5px;
}
/* Objet Menu [menu_92] End */

/* New_entry (don't delete this line) */