/* sub-atome */
body{
background-color:#035ec6;
color:#fff;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin:2em 5% 5% 5%;
padding:0;
}

img{
border:0;
}

span.patronyme{
font-variant:small-caps;
font-size:1.1em;
}

#phtContainer { display: block; background-image: url(images/obj_back_photo.gif); background-repeat: no-repeat; padding: 0px; margin-top: 15px; margin-left: 60px; width: 510px; height: 92px; }

#phtCell { margin: 16px 0px 16px 26px; display: block; float: left; }

#phtFont { margin: 16px 0px 0px 26px; padding: 1em 0 0 5em; color:#e7e7ff; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: medium; position: static; }

#phtFont a:hover.pht,#phtFont a:link.pht,#phtFont a:visited.pht {
color:#e7e7ff;
/*background-color:transparent;*/
}

#page{
color:#000;
background-color:#e7e7ff;
border:1px solid #000;
/* cf. openweb */
/* permet de fixer une hauteur mini sur les navigateurs modernes */
min-height:60em;
/* pour obtenir le même effet sur IE, sachant que si le contenu dépasse, il
"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes
*/
height:60em;
/*height:auto;*/
}

/* cf. openweb pour rétablir le mauvais effet sur les nav. modernes */
html>body #page{
height:auto;
}

#logo_d{
position:absolute;
right:8em;
top:4.5em;
text-align:right;
}

#logo_g{
margin: 1% 1% 1% 1%;
}

#logo_g img{
border:0;
text-align:center;
vertical-align: middle;
}

#logo_g a{
color:#000;
background-color:transparent;
}

#logo_g span.logo{
font-size: 14px;
color:#009da0;
font-weight: bold;
}


span.datejour{
font-size: x-small;
color:#035ec6;
font-weight: bold;
}

#tabnav {
	margin: 0;
	padding: 0 0 20px 0px;
	border-bottom: 1px solid #000;
}

#tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 0px;
	text-decoration: none;
	color: #000;
}

#tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover {
	border-bottom: 4px solid #000;
	padding-bottom: 2px;
	background: transparent;
	color: #000;
}

#tabnav a:hover {
	color: #000;
}

#menus {

}

#sectionmenus {
left:6%;
position: absolute;
top:20em;
width:17%;
overflow:hidden;
}

#liens{
color:#000;
background-color:transparent;
}

#liens h2{
border-color:#000;
border-style:solid;
border-width:0 0 2px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
/* text-transform:uppercase; */
}

#liens h2:first-letter{
color:#035ec6;
background-color:transparent;
}

#liens ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

#liens li,#citation li,#anniv li{
display:inline;
list-style:none;
}

#liens a{
color:#000;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#liens a:hover{
background-color:#035ec6;
color:#FFF;
}

#citation{
color:#000;
background-color:#fde809;
}

#citation h2{
border-bottom:2px #000 solid;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
}

#citation h2:first-letter{
color:#F89825;
background-color:transparent;
}

#citation p{
color:#000;
background-color:transparent;
display:block;
font-size: x-small;
font-weight:700;
/* margin-left:-3em; */
padding-left:1em;
padding-right:1em;
text-decoration:none;
}

#anniv{
color:#000;
background-color:#fde809;
}

#anniv h2{
border-bottom:2px #000 solid;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
}

#anniv h2:first-letter{
color:#F89825;
background-color:transparent;
}

#anniv p{
color:#000;
background-color:transparent;
display:block;
font-size: x-small;
font-weight:700;
/* margin-left:-3em; */
padding-left:1em;
padding-right:1em;
text-decoration:none;
}

#elu{
color:#000;
background-color:#fde809;
}

#elu h2{
border-bottom:2px #000 solid;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
}

#elu h2:first-letter{
color:#F89825;
background-color:transparent;
}

#elu p{
color:#000;
background-color:transparent;
display:block;
font-weight:500;
/* margin-left:-3em; */
/* padding-left:1em; */
/* padding-right:1em; */
text-align:center;
/* text-decoration:none; */
}

#elu img{
border:1px #000 solid;
}

#elu img.noborder{
border:0px #000 solid;
}

#partenaire{
color:#000;
background-color:transparent;
}

#partenaire h2{
border-bottom:2px #000 solid;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
}

#partenaire h2:first-letter{
color:#035ec6;
background-color:transparent;
}

#partenaire p{
color:#000;
background-color:transparent;
display:block;
font-weight:500;
/* margin-left:-3em; */
/* padding-left:1em; */
/* padding-right:1em; */
text-align:center;
/* text-decoration:none; */
}

#partenaire img{
border:0px #000 solid;
}

#evenement{
color:#000;
background-color: transparent;
}

#evenement h2{
border-bottom:2px #000 solid;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
}

#evenement h2:first-letter{
color:#035ec6;
background-color:transparent;
}

#evenement p{
color:#000;
background-color:transparent;
display:block;
 font-size: xx-small; 
 font-weight:600;
/* margin-left:-3em; */
/* padding-left:1em; */
/* padding-right:1em; */
text-align:left;
/* text-decoration:none; */
}

#calendrier table{
 margin-bottom: 10px;
 padding: 0em;
 width: auto;
 display: table;
 table-layout: auto;
}

#archives table{
 margin-bottom: 10px;
 padding: 0em;
 width: auto;
 display: table;
 table-layout: auto;
}

#foot{
color:#036;
background-color:transparent;
margin:0 3% 0 23%;
padding:0 0 1em 0;
}

#foot ul{
margin-left:0;
padding-left:0;
}

#foot li{
border-right:1px solid #036;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;
}

#foot li.dernier{
border:0;
}

#foot a{
background-color:transparent;
color:#f60;
}

#foot a:hover{
/* background-color:#eff4fa;  */
color:#369;
text-decoration:none;
}

#foot img.left{
margin:0em 0.5em 0 0;
float:left;
display:block;
}

/* ------------------------------------ */

#texte{
background-color:transparent;
border-left:1px solid #000;
line-height:150%;
margin:1em 2% 2em 21%;
padding:0 1% 0em 1%;
}

#texte a[hreflang]:after{
content:"\0000a0[" attr(hreflang) "]";
}

#texte .contenu{
margin:1em 0 1em 0;
padding:0 1em;
display:block;
}

#texte .contenu em{
font-weight:500;
font-style:italic;
background-color:transparent;
}

#texte .contenu hr{
display:block;
clear:both;
visibility:hidden;
}

#texte .contenu h3{
background-color:transparent;
margin:1em 0 0 0;
line-height:110%;
}

#texte .contenu h3:first-letter{
color:#035ec6;
background-color:transparent;
text-transform:uppercase;
}

#texte .club{
margin:1em 0 0 0;
float:right;
display:block;
}

#texte .club ul{
background-color:transparent;
margin:0 0 0 0.5em;
padding:0 1em;
border-left:1px solid #000;
}

#texte .club li.premier{
border-bottom:1px dotted #000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:90%;
list-style:none;
background-color:transparent;
}

#texte .club b{
background-color:transparent;
font-weight:700;
}

#texte .club li{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:80%;
list-style:none;
background-color:transparent;
}

#texte .club li.dernier{
border-bottom:0;
}

#texte .club strong{
background-color:transparent;
}

#texte .club img{
margin:0.2em 1em 0 1em;
}

#texte .equipe{
margin:0em 0 0 0;
float:right;
display:block;
width: 25%;
}

/*#texte div.image{
margin: 0.5em 0em 0em 0em;
width: 75%;
border:1px solid #fbcd06;
}*/

#texte .equipe ul{
background-color:transparent;
margin:2em 0 0 0.5em;
padding:0 1em;
border-left:1px solid #000;
}

#texte .equipe li.premier{
border-bottom:1px dotted #000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:90%;
list-style:none;
background-color:transparent;
}

#texte .equipe b{
background-color:transparent;
font-weight:700;
}

#texte .equipe li{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:80%;
list-style:none;
background-color:transparent;
}

#texte .equipe li.dernier{
border-bottom:0;
}

#texte .equipe strong{
background-color:transparent;
}

#texte div.note{
background-color:transparent;
margin: 1em 0em 0em 0em;
padding:0em 1em 0em 1em;
}

#texte div.note span.alerte{
background-color:transparent;
font-size:small;
margin:1em 0 0 0;
line-height:110%;
font-size:130%;
text-decoration: blink;
}

#texte div.note span.titre{
background-color:transparent;
margin:1em 0 0 0;
line-height:110%;
font-size:130%;
font-weight:bold;
text-decoration: none;
}

#texte div.note span.souligne{
text-decoration: underline;
}

#texte div.note img{
margin:1em 1em 0 0;
float:right;
display:block;
}

#texte div.document{
background-color:transparent;
margin: 1em 0em 0em 0em;
padding:0em 1em 0em 1em;
}

#texte div.document img.file{
/*margin:0.8em 0.2em 0 0;*/
padding: 0.2em 0.2em 0.3em 0.2em;
vertical-align: middle;
}

#texte div.document a{
/*margin:0.8em 0.2em 0 0;
padding: 1em 1em 0em 0em;*/
font-size: large;
}

#texte div.note img.icon{
margin:0.8em 0.2em 0 0;
float:left;
display:block;
}

#texte div.note img.right{
margin:0em 1em 0 0;
float:right;
display:block;
}

#texte div.note img.left{
margin:1em 1em 0 0;
float:left;
display:block;
}

#texte div.note img.liste{
margin: 0em 0em 0 0;
float:left;
display:block;
}

#texte div.note input{ 
border: 1px solid White; 
background: transparent; 
background-color: #000;
color: #fde809;
}

#texte div.note select{ 
border: 1px solid White; 
background: transparent; 
background-color: #000;
color: #fde809;
}

#texte div.note textarea{ 
border: 1px solid White;
font-weight:bold;
background: transparent; 
background-color: #000;
color: #fde809;
}

#texte div.note hr{
margin:-1em 0em 0.5em 0;
border:2px solid #000;
visibility:visible;
width: 80%;
}

#texte div.note p{
font-size: medium;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#texte .note em{
font-size: medium;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
background-color:transparent;
}


#texte div.note p.navpage{
margin:-1em 0em 0.5em 0;
height: 20px;
font-size: small;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#texte div.itv{
background-color:transparent;
margin: 1em 0em 2em 0em;
padding:0.1em 1em 0em 0em;
font-size: medium;
}

#texte div.itv img{
border:0;
}

#texte div.itv img.photo{
margin:0em 1em 0em 1em;
float:right;
display:block;
}

#texte div.itv img.photo_g{
margin:0em 1em 0em 1em;
float:left;
display:block;
}

#texte div.itv img.puce{
margin:0em 0.2em 0em 0em;
padding:0.3em 0em 0em 0em;
float:left;
}

#texte div.itv p.intro{
margin:-1em 0em 0em 0em;
font-size: small;
}

#texte div.itv span.nav{
margin:2em 0em 0em 0em;
padding:0.5em 0em 0em 0em;
display:block;
border-top:2px solid #000;
}

#texte div.itv span.date{
font-size: small;
}

#texte div.itv h3{
border-bottom:1px solid #000;
background-color:transparent;
line-height:110%;
font-size:130%;
}

#texte div.itv span.souligne{
text-decoration: underline;
background-color:transparent;
line-height:110%;
font-size:130%;
}

#texte div.itv hr{
border:0.5px dashed #000;
visibility:visible;
}

#texte div.container {
background-color:transparent;
/* margin: 2em 0em 0em 0em; */
padding:0em 1em 1em 1em;
}

#texte div.spacer {
clear: both;
height: 0.5em;
}

#texte div.float {
margin: 1em 0em 0em 0em;
padding:1em 1em 1em 1em;
width: 20%;
height: 21em;
border-left:1px dotted #000;
float: left;
}

#texte div.float p {
text-align: left;
}

#texte div.float img{
border:0;
}

#texte div.float1 {
/* margin: 1em 0em 0em 0em; */
padding:0.5em 0.2em 0.5em 0.2em;
/* width: 20%; */
/* border:1px solid #fbcd06; */
float: left;
}

#texte div.float1 p {
text-align: left;
}

#texte div.float1 img{
/* border:0; */
border:1px solid #000;
}

#texte div.float2 {
/* margin: 1em 0em 0em 0em; */
padding:0.5em 0.5em 0.5em 0.5em;
/* width: 20%; */
/* border:1px solid #fbcd06; */
float: left;
}

#texte div.float2 p {
text-align: left;
}

#texte div.float2 img{
border:0;
}

#texte div.infos {
background-color:transparent;
margin: 0em 0em 0em 0em;
padding:0em 0em 0em 0em;
}

#texte div.info {
margin: 0em 0em 0em 0em;
padding:0em 1em 0em 0.5em;
width: 45%;
height: auto;
float: left;
}

#texte div.info p {
margin: 0em;
padding: 0em 0em 0.5em 0em;
text-align: justify;
}

#texte div.info img{
/* border:0; */
border:1px solid #000;
margin: 0em 0.5em -0.5em 0em;
float:left;
display:block;
}

#texte div.info h4{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
font-weight:bold;
font-size:small;
margin: 0em;
padding: 0em;
border-bottom:1px solid #000;
}

#texte div.info span.minititre{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
color:#e7e7ff;
font-weight:bold;
font-size:small;
}

#texte div.news1 {
margin: 0.5% 0% 0.2% 0.2%;
padding: 0;
width: 45%;
height: auto;
float: left;
}

#texte div.news2 {
margin: 0.5% 0% 0.2% 2%;
padding: 0;
width: 45%;
height: auto;
float: left;
}

#texte div.news3 {
margin: 0.5% 0% 0.2% 0.2%;
padding: 0;
height: auto;
float: left;
width: 57%;
}

#texte div.contenu_news {
border-right:2px solid #000;
border-bottom:2px solid #000;
border-top:1px solid #000;
border-left:1px solid #000;
margin: 0.5% 0.5% 5% 0.2%;
padding: 1%;
width: auto;
height: auto;
}

#texte div.contenu_news p {
margin: 1.5% 0.5% 1% 0.5%;
/*text-align: justify;*/
}

#texte div.contenu_news img{
border:0;
margin: 0em 0.5em -0.5em 0.5em;
padding: 0em 0em 1em 0em;
float:right;
display:block;
}

#texte div.titre {
margin: 0.5%;
padding: 0.1em 0 0.3em 0;
/*height: auto;*/
color: #FF9326;
background-color: #2F3626;
/*border:1px solid #000;*/
}

#texte div.contenu_news span.minititre{
padding-left: 0.8%;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
color: #e7e7ff;
font-weight:bold;
font-size:medium;
}

#texte div.contenu_news ul{
/*margin-left:1.5em;*/
}

#texte div.contenu_news li{
/*margin-left:-1.5em;*/
list-style-image: url(images/red.png);
}

#texte div.art {
margin: 0.3em 0em 0em 0em;
padding:0em 0.3em 0.3em 0.3em;
width: 32%;
height: auto;
float: left;
}

/*#texte hr{
display:none;
}*/

#texte li{
list-style:disc;
}

#texte ul ul li{
list-style-type:circle;
}

#texte ol li{
list-style-type:decimal;
}

#texte h2,#texte h3{
font-family:Georgia,"Times New Roman",Times,serif;
}

#texte h2{
background-color:transparent;
font-size:130%;
}

#texte h3 code{
color:inherit;
background-color:transparent;
}

#texte h3{
background-color:transparent;
font-size:small;
margin:1em 0 0 0;
line-height:110%;
font-size:130%;
}

#texte h4{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
font-weight:700;
font-size:small;
border-bottom:1px solid #000;
}

#texte h5{
background-color:transparent;
font-weight:500;
font-size:small;
}

#texte a{
color:#035ec6;
background-color:transparent;
}

#texte a:hover{
color:#035ec6;
background-color:transparent;
/* text-decoration:none; */
}

#texte a:visited{
color:#f60;
background-color:transparent;
}

/* Formulaire dans le texte */
#texte form{
border-top:1px solid #000;
margin:1em 0 0 0;
padding:0em 0 0 0;
}

#texte form.res{
border-top:0px solid #000;
border-bottom:1px solid #000;
margin:1em 0 0 0;
padding:0em 0 0 0;
}

/* Résultats */
.res_head
{
 font-family:"Bitstream Vera Sans",verdana, arial, geneva, tahoma;
 font-size: 16px;
 text-align: center;
 width: 100%;
 font-weight: bold;
 color: #FF9326;
 background-color: #2F3626;
}

.res_body
{
 font-family: verdana, arial, geneva, tahoma;
 font-size: x-small;
 text-align: center;
 border: 1px solid #000000;
 /*background-color: #f9d52b;*/
 color: #000000;
}

.res_body2
{
 font-family: verdana, arial, geneva, tahoma;
 font-size: x-small;
 text-align: center;
 border: 0px solid #000000;
 /*background-color: #f9d52b;*/
 color: #000000;
}

.res_link
{
 font-family: verdana, arial, geneva, tahoma;
 font-size: x-small;
 text-align: left;
 border: 1px solid #000000;
 /*background-color: #f9d52b;*/
 color: #000000;
}

th
{
   font-family:"Bitstream Vera Sans",verdana, arial, geneva, tahoma;
   font-size: small;
   font-weight: bold;
}

tr.res_tr:hover
{
   font-family:"Bitstream Vera Sans",verdana, arial, geneva, tahoma;
   text-align: center;
   vertical-align: top;
   cursor: pointer;
   background-color: #F8C845;
   color: #000;  
}

.res_tr
{
   font-family:"Bitstream Vera Sans",verdana, arial, geneva, tahoma;
   text-align: center;
   vertical-align: top;
   height: 100%;
   /*height: 50px;*/
   cursor: pointer;
   background-color: #f9d52b;
   color: #000;  
}

.res_tr_mjc
{
   font-family:"Bitstream Vera Sans",verdana, arial, geneva, tahoma;
   text-align: center;
   vertical-align: top;
   height: 100%;
   /*height: 50px;*/
   cursor: pointer;
   background-color: #FF9326;
   color: #000;  
}

.res_tr_mjc:hover
{
   font-family:"Bitstream Vera Sans",verdana, arial, geneva, tahoma;
   text-align: center;
   vertical-align: top;
   height: 100%;
   /*height: 50px;*/
   cursor: pointer;
   background-color: #FF9326;
   color: #fff;
}

.res_strike
{
   font-family:"Bitstream Vera Sans",verdana, arial, geneva, tahoma;
   text-align: center;
   text-decoration: line-through;
}

.res_img img {
border:1px #000 solid;
margin:1em 0 1em 0;
}

.res_team
{
 font-family: verdana, arial, geneva, tahoma;
 font-size: x-small;
 text-align: center;
 /*background-color: #f9d52b;*/
 color: #000000;
}

.questionnaire
{
 font-family: "Bitstream Vera Sans",verdana, arial, geneva, tahoma;
 font-size: small;
 text-align: left;
 /*background-color: #f9d52b;*/
 color: #000000;
 width: 100%;
}

#quest {
display: block;
clear: both;
float: left;
width: 100%;
margin-bottom: 0.5em;
background-color: #f9d52b;
}

#quest img {
float: right;
border:1px #fde809 solid;
padding:0.5em 0.5em 0.5em 0.5em;
width: 50%;
background-color: #f9d52b;
}

#quest p {
padding:0.5em 0.5em 0.5em 0.5em;
}

.thumb a {
   display: block;
   padding: 2px;
   margin: 6px;
   
   border: 1px solid #fde809;
   background: #000;
   line-height: 0px;
}

.thumb a:visited {
   border: 1px solid #F89825;
   background: #F89825;
}

.thumb a:hover {
   border: 1px solid #F4F9FB;
   background: #000;
}

.thumb {
   float: left;
}

#thumbs {
display: block;
clear: both;
float: left;
width: 100%;
/*border:1px #000 solid;*/
background-color: #f9d52b;
}

.thumb IMG { border: 0px; margin: 0px; padding: 0px; }