* { margin: 0; padding: 0; }

html{ height:100%; }

img {  border:0; }

body {
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size:.8em;
	height:inherit;
	background-color: #fff;
	overflow: auto;
}
.video_cadre_bleu {border: 1px dashed #006699;padding:1em;background:url(./Images/degrade/cadre_index.gif) repeat-x; }
.video_cadre_orange {border: 1px dashed #DD6900;padding:1em;background:url(./Images/degrade/cadre_index.gif) repeat-x; }
.video_bouton { margin-top:.2em;padding:.55em;background:url(./Images/degrade/maintitle_bkg.jpg) bottom no-repeat; }
.trait img { padding-left: 5.2em; padding-right: 5.2em;  }

.h1_bis { border-left: 2px solid #FFE0CC;font-size : 120%; font-weight: bold; margin-left:1em;}
.h1_date { font-family:verdana;font-size : 7pt;}
}
.download {  font-family:verdana;padding:10px;background:url(./Images/degrade/international_left.jpg) repeat-x;}
.dl_info { margin-left:2.5em; color:#996666;}
.dl_moyen { font-size:8pt;}
.dl_petit { font-size:7pt;}
p a { text-decoration: none; }

#copyright {font-size:.7em; font-family: verdana,arial,sans-serif;color:#8E9BA2;}
#copyright a { text-decoration:none;}
#copyright a:link {color:#006699;}
#copyright a:hover{background-color:#ffecce;color:#f60;} 
.copyright_bis { font-size:.7em; font-family: verdana,arial,sans-serif;color:#8E9BA2; }
#info_video li { 
	margin-left:2em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	display:list-item;
	list-style-image: url(./Images/fleche-trans.png);
	list-style-position: outside;
}
    
#footer { width : auto; text-align:right;}
#footer2 { width : 70%; text-align:center;}
#franck_syx_fond, #cadreLeft,#cadreLeftMenu { width : 14em; float: left;}

 #foot {text-align:right; }
#footer, #footer2 { 

margin-top:1em;
	margin-left: 5em;
	margin-right: 5em;
	border-top: 1px solid grey;
	padding:1%;
}

.cadre_point-b { border: 1px dotted #006699; padding: 5px; width:100px;  } 

#choix { border: 1px dashed #dd6900; padding: 1em;margin :20% 0 55% 0 ;text-align:center;}
#choix1 { border: 1px dashed #dd6900; padding: 1em;margin :1em; 0 1em; 0 ;text-align:center; }
#choix a:link,#choix1 a:link { color: #006699;}
#choix a:hover,#choix1 a:hover { background-color:#069;color: #fff; }

#block { 
	border-left: 3px solid red;
	border-right: 3px solid red;
	background-color: #F2DCDC;
	width:85%;
	padding:1em;
}

#footer_index { 
	border:1px dashed #006699;
    padding:.5em;
    top:50%;
    left:50%;
    width: 170px;
    height: 55px;
    margin: 20% -85px -28px 20%; 
 
}
     
.tableau,th { border: 1px solid #006699;font-size: 10pt; }
td.gratuit { font-weight: bold; color: #639F71;}
td.payant { font-weight: bold; color: #DF6161;}
tr.ying { background-color : #EFEAE0 ; }
tr.yang { background-color : # ; }

#both { clear:both; }
.centrer { padding:  0em 2em 0em 2em ;text-align :center;}
/********************** TETE FRANCK SYSX */
#franck_syx_fond {

	position: absolute;	
	top: 0; left: 0;
	width: 25%; 
	z-index:1;
}
/********************** TITRE FRANCK SYSX */
#franck_syx_titre {	
	position: absolute;	
	top: 6%; right: 9%; 
	width:50%;
	text-align: right ;
}
/********************** CONTENANT SUR L'INDEX */
#cadreIndex { 
	z-index:2;
	width: 75%; 
	margin-left:25%;
	margin-top:25%;
	height:55%;
}
/********************** CONTENANT SUR LES AUTRES PAGES */
#cadre{ 
	text-align: justify;
	width: 60%; 
	margin-left:30%;

}
/*********************************** CADRE QUI ENGLOBE ADRESSE */
#cadreLeft{	
	text-align:center; 
	width:40%;  
}
/*********************************** CADRE ADRESSE */
#cadreLeftAdresse{
	padding-top: 50px;
	font-size: 0.9em;
	margin:0 auto; 
	text-align:center;
}
#cadreLeftAdresse li { 
	padding: 1% 0 1% 0; 
	list-style:none;
	font-size: 0.7em;   
}
#cadreLeftAdresse a:link { 
	font-weight: bold; 
	text-decoration: none; 
	border-bottom: 1px dotted #dd6900; 
	color: #717171; 
}
#cadreLeftAdresse a:hover { 
	background-color: #eff4fa; 
	border:0; 
	text-decoration: none; 
	color: #006699; 
}
/*********************************** CADRE MENU */
#cadreLeftMenu ,#cadreLeftLeftMenu {
	border-left:1px solid #006699;
	margin-left:10%;
	padding:0.5em 0 0.5em 1.8em; 
	width:40%;  
	background: #fff url(./Images/degrade/fond_orange.jpg) repeat-y left;
}
#leftmenu {
font-size: 1em;
margin-top:10%;
margin-left: 15px;
}
#leftmenu li {text-decoration: none; }
.titreh2{
padding: 3px;
}
#leftmenu a:hover{
text-decoration: none;
border-left: 3px solid #dd6900;
padding-left: 2px;
background-color: #D5E7F1;
}
#leftmenu span:hover{
display:none;
}
.titreh2 a { text-decoration: none;}
.titreh2{
border-color:#f90;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
text-decoration: none;
}

.titreh2:first-letter{
color:#f90;
background-color:transparent;
}


#theme li,#ressources li{
display:inline;
list-style:none;
}

#theme a{
color:#069;
background-color:transparent;
display:block;
font-weight:700;
font-size:80%;
margin-left:-1em;
padding-left:2em;
text-decoration:none;
}
#theme a:hover{
background-color:#ffecce;
color:#f60;
}
#pelli {
margin-left:20%;margin-top:10em;
	width: 70%;
}
#theme { margin-left:1%;margin-top:5em;width: 15em; text-decoration:none;}
#cadreLeftMenu  a, #cadreLeftLeftMenu a { 
font-size: 1em;
	border-bottom: 2px dotted #fff ;
	color: black;
	text-decoration: none;
	font-weight: bold;

}
#cadreLeftMenu p, #cadreLeftLeftMenu p { padding:.2em 0 .2em 0; }
#cadreLeftMenu a span, #cadreLeftLeftMenu a span {display:none;}

#cadreLeftMenu,a:hover span ,#cadreLeftLeftMenu,a:hover span {
	display:inline;color:#006699;
	padding-right: 1em;
	font-weight:bold;
}
#cadreLeftMenu a:hover, #cadreLeftLeftMenu a:hover {
	border-bottom: 1px dotted #006699;
	border-top: 1px dotted #006699;
	color: #dd6900;
	font-style:italic;
}

/****************************************/

/********************************** CATALEPSIE ************/
#catalepsie { display:block; position:absolute;left:5%;}
#catalepsie_texte {
	margin-top: 2.2em;
	margin-left:2.4em;
	display:block;
	border-left: 3px solid red;
	position:absolute;
	width:40%;padding:3%;
}
#catalepsie_texte:hover {background-color:#F2DCDC;}
/**********************************************************/

#presentation { margin: 8%; border: 1px dotted #dd6900; }
#presentation li { color:#717171; list-style: none; padding:3%; }
#presentation li:hover {font-weight:bold;}

/******* TITRE DES PARAGRAPHES *************/
h1, h2, h4 { font-size : 110%; font-weight: bold; padding: 1% 0 1% 1%;margin-left:1em;margin-top:5%; }

h1 { background:transparent url("./Images/degrade/degrad_bleu.jpg") repeat-y left; }
h2 { background:transparent url("./Images/degrade/degrad_vert.jpg") repeat-y left; }
h4 { background:transparent url("./Images/degrade/degrad_jaune3.jpg") repeat-y left; 	margin-bottom:4%; }
h3 { margin-top: 1em ;margin-bottom: 1em ;font-size: 1.2em;border-bottom: thin dotted #000;}
/*******************************************/

/************************ BOUTON *****************************/

#bouton { margin : 20em 0 0 30em;
padding:2em;	
}

#bouton2 { margin: 2em 0 1em 0; padding:2em; }
#bouton_cadre { text-align :center; }	
	
#bouton a, #bouton2 a {
	text-decoration:none;
	color:#006699;
	display:block;
	text-align:center;
	background-color: #fbfbfd;border: 1px dashed #c4c4ff; 
	width:100px;height:20px;
	clear:both;
}
#bouton a:hover, #bouton2 a:hover{ vertical-align:middle; font-weight:bold;color: #fff; background-color:#006699 }

a.bouton_bis {
	text-decoration:none;
	display:block;
	text-align:center;
	background-color: #fbfbfd;border: 1px dashed #c4c4ff; 
	width:100px;height:20px;
	clear:both;
}
a.bouton_bis:hover{ vertical-align:middle; font-weight:bold;color: #fff; background-color:#006699 }

#menu_photos a{
display:block;
color: #006699;
margin-left: 2em;
top:10em;
border-left: 2px solid #dd6900;
padding : 0em 1em 0em 1em;;

text-decoration:none;

}
#menu_photos a:hover{
font-weight: bold;
color:#dd6900;
width:70%;
display:block;
background-color: #fbfbfd;

}
/**************************************************************/

#fond_vert {margin:5%; padding :2%;border-left : 3px dotted #339966;}
#fond_bleu {margin:5%; padding :2%;border-left : 3px dotted #006699;}


#fond_bleu:hover {background-color: #D5E7F1;}
#fond_vert:hover {background-color: #DCF4EC;}
.fond_bleu_bis {margin-left:2em;padding: 15px;	border-left : 3px dotted #006699;
}

.sur_bleu {background-color: #D5E7F1;}
.sur_vert {background-color: #DCF4EC;}
.sur_bleu a {text-decoration: none; color:#006699;}
.sur_vert a {text-decoration: none; color:green;}

.sur_bleu_hover{color:#006699;}
.sur_vert_hover{color:#339966;}



.texte {padding: 2% 0 2% 2%;}

.texte_fin {padding: 4% 0 5% 2%;}

#texte_franck {background-color: #F2DCDC;border-left : 5px solid red;border-right : 5px solid red;padding: 2em;margin: 5em 5em 0 5em;font-style : italic;}
.texte_bis {margin-left:2em;padding: 2% 0 2% 2%;}

.texte_bis li{list-style: none;}
.texte_bis ul{ border: 1px dashed #c4c4ff;padding: 2% 2% 2% 2%;}

.sougrit {font-style: italic;font-weight : bold;border-bottom: 1px dotted #006699;margin-left:5%;margin-bottom:10%;}
.parenthese {font-size: 80%;color : #717171;}	
.date  {font-size: 60%;font-family: Verdana,tahoma,sans-serif;color: #006699;}
.ligne_d {margin-left:2em;margin-top: 4%;margin-bottom:4%;padding-left: 10px;border-left : 2px dotted #336699;}
.ligne_d ul { margin-top: 5%; margin-left: 10%; }

.petit{font-size:70%;font-family:verdana,tahoma,sans-serif;color:red;}

#telecharger {font-size:75%;}
#telecharger li {list-style: none; }
#telecharger {display:block;width:20%;position:absolute;border: 1px dotted #dd6900;padding: 1%;float:left;top:1%;left:5%}
#telecharger_mini {width:17%;position:absolute;border: 1px dotted #dd6900;padding: 2%;float:right;bottom:50%;right:1%;}
#afficher {display:block;width:15%;position:absolute;border: 1px dotted #dd6900;padding: 1%;float:left;top:10%;left:45%;}
#afficher a { text-decoration:none; }
#afficher_bis {display:block;width:25%;position:absolute;border: 1px dotted #dd6900;padding: 1%;float:left;top:10%;left:40%;}
#afficher_bis a { text-decoration:none; font-size:70%;}

#agen{
text-align:center;
clear:both;
width: 80%;
border: 1px dashed #006699;
padding:1%;
margin-top: 200px;
margin-left:15%;
}

.cadreagen {
border: 1px dotted #dd6900;
padding:2%;
width:535px;

}

#venir img, #fait img {border:1px dotted #006699; }
#venir a:hover, #fait a:hover { border-bottom:1px dotted #006699; }
#fait {  }
.sur_bleu_hover:hover {color:#006699;}
.sur_vert_hover:hover {color:#339966;}

#texte_fin_bis {
top:50%;
bottom:0%;
padding: 4% 0 5% 5%;
}

.box_box {
position : absolute;
float:left;
text-align: center;
top:1%;
left: 85%;
}

.important {
width:50%;
background-color: #F2DCDC;
border-left : 5px;
border-left-color : red;
border-left-style: solid;
border-right : 5px;
border-right-color : red;
border-right-style: solid;
text-align: center;
padding: 4px;
margin-top: 3em;
margin-bottom: 3em;
margin-left: 10em;
font-style : italic;
}

.titre {
margin-top: 3em ;
margin-bottom: 1em ;
font-size: 1.5em ;
font-style: italic ;
font-weight: bold;
border-bottom-style: solid ;
border-bottom-width: thin ;
color: #006699;
}

.titre_bis {
text-align: center;
margin-top: 2em ;
margin-bottom: 1em ;
font-size: 1.5em ;
font-style: italic ;
font-weight: bold;
border-bottom-style: solid ;
border-bottom-width: thin ;
color: #006699;
}
.titre_nbr { color:#608cef;font-weight:normal; }
.rouge { color :red; }

#pagination { text-align:center;display:block;width:200px;height:35px;border:1px solid #000;}

#centre {
margin : 3em;
}
#centre img {  margin:0.8em;  }



div#formu p {
font-family:"trebuchet ms",sans-serif;
font-size:105%;
}
div#formu form {

width: 45em;
}
div#formu label {
font-size:1.2em;
font-family:"trebuchet ms",sans-serif;

}

input {
 color:white;
border:none;
margin:0;
padding :0;

} 
#formu input {
border:1px solid #DD6900;
background-color:#DEE8F6;
font-family:"trebuchet ms",sans-serif;
color:#717171;
}
#formu select, option {
color:#717171;
}
#formu textarea {
border:1px solid #DD6900;
background-color:#DEE8F6;
font-family: trebuchet ms,sans-serif;
color:#717171
}

#formu ul {margin:0;padding:0.8em;} 

.formu_left {
width: 260px;
float:left;
padding-left: 3em;
padding-right: 3em;
font-size:80%;
border-left: 1px;
border-left-style: dashed;
border-color:#C4C4C4

}
.formu_left li{list-style: none;}

.texte_tarif {
	margin-left: 20px;
	padding-left: 8px;
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size:100%;
	border-left : 3px;
	border-left-color : green;
	border-left-style: dotted;
}
.texte_tarif li {
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size:100%;
	margin-left:1em;
}

dd{
border:0;
margin:0;
padding:0;
}
.formu_left_s {
text-align:left;
font-size:80%;
width: 250px;
padding-right: 3em;
padding-left: 3em;
float:left;

}
.formu_left_s1 {
text-align:left;
font-size:90%;
width: 200px;
float:left;

}
.formu_left_s li {list-style: none; padding-top:1%;}

.formu_right {
width: 300px;
float: left;
padding-right: 10px;
}
.formu_right li {
list-style: none;
}

.formu_centre {
text-align:right;
width: 250px;
float:right;
margin-top:3em;
padding-left: 3em;;
padding-right: 1px;
font-size:70%;
border-left: 1px;
border-left-style: dashed;
border-color:#C4C4C4;

}
.formu_centre li {list-style: none;}

.case {margin-bottom: 0.2em;}

.titre_form {
			border:0;
			margin:0;
			font-size: 1em ;
			font-style: italic ;
			font-weight: bold;
			border-bottom-style: solid ;
			border-bottom-width: thin ;
			color: #006699;
			text-align:center;
			padding-bottom: 1em;
			padding-top:1em;

		}
	
p.titre_form {
			border:0;
			margin:0;
			font-size: 1em ;
			font-style: italic ;
			
			border-bottom-style: solid ;
			border-bottom-width: thin ;
			color: #006699;
			text-align:center;
			padding-bottom: 1em;
		}