/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   Avril 2010
    Fichier	        :   francelafleur.css
    Type            :   theme /
    Description     :   Contient toutes les style utilisés pour le site de la France lafleur
***************************************************************************************************/
/* CSS reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form, blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;outline:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
a{outline:none;color:#323637;font-weight:bold;}
/* Fin CSS reset */



body {
  font-family: Tahoma,Arial,Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;
  color:#323637;
  font-size:13px;
  background-color:#3095cf;

}


/**************************************************************************
    Contrôle du contenue et de son positionnement global dans la page
***************************************************************************/

/*contour utilisé pour les boite principale*/
#div_main_content {
  position: relative;
  margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */  
  width: 980px;  
  background: transparent url(../images/header.png) no-repeat;
  
}

/*contenue des pages des différente section*/
#div_page_content,#div_page_header_content{
  float:left;  
  width:903px;
  margin-left:33px;     
  text-align:left; 
  position:relative;
}
#div_page_content{background-color:#ffffff;text-align:justify;}

#boite_bienvenu{
    float:right;
    text-align:right;
    margin:322px -215px 0px 0px;
}
#bienvenue{ 
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
}

#ligne_header{    
    margin:3px 0px 0px 0px;
}

#facebook{
    float:right;    
    margin:0px 0px 0px 0px;
}

#nav{height:59px;}
/*Menu*/
#nav li{
    float:left;
   list-style: none;
   display:inline;
}
#nav a{
  background: transparent url(../images/menu.jpg) 0px 0px no-repeat;
  display:block;
  width:126px;
  height:59px;
  text-decoration:none;
}

#menu_accueil a {background-position: 0px 0px; }
#menu_accueil a:hover,#menu_accueil_active a
{background-position: -1008px 0px; }

#menu_biographie  a{background-position: -126px 0px;}
#menu_biographie a:hover,#menu_biographie_active a
{ background-position: -1134px 0px;}

#menu_dolphinlab a {background-position: -252px 0px;}
#menu_dolphinlab a:hover,#menu_dolphinlab_active a
{ background-position: -1260px 0px;}

#menu_hawai a {background-position: -882px 0px;}
#menu_hawai a:hover,#menu_hawai_active a
{ background-position: -1890px 0px;}

#menu_ecole_ligne a {background-position: -377px 0px;}
#menu_ecole_ligne a:hover,#menu_ecole_ligne_active a
{ background-position: -1385px 0px;}

#menu_publications a {background-position: -504px 0px;}
#menu_publications a:hover,#menu_publications_active a
{ background-position: -1512px 0px;}

#menu_medias a {background-position: -630px 0px;width:117px;}
#menu_medias a:hover,#menu_medias_active a
{ background-position: -1638px 0px;width:117px;}

#menu_contact a {background-position: -756px 0px;width:117px;}
#menu_contact a:hover,#menu_contact_active a
{ background-position: -1629px 0px;width:117px;}

#cadre,#cadre_publication,.cadre{
    float:left;
    margin:24px 0px 16px 0px;
    padding:5px 0px 0px 8px;
    width:193px;    
    background: transparent url(../images/cadre.jpg) 0px 0px no-repeat;
}

#cadre-accueil{
    float:left;
    height: 176px;
    margin: 13px 0 16px 9px;
    padding: 8px 10px 0;
    width: 249px;
    background: transparent url(../images/cadre-accueil.png) 0px 0px no-repeat;
}

#cadre-hawai-bas{
    height: 174px;
    margin: 13px 0 16px 9px;
    padding: 8px 10px 0;
    width: 467px;
    background: transparent url(../images/cadre-hawai-bas.png) 0px 0px no-repeat;
}

#cadre,.cadre {height:134px;}
.cadre{float:right;margin:0px;margin-top:13px;}
#cadre_publication {height:260px;background: transparent url(../images/cadre_publications.jpg) 0px 0px no-repeat;}
/*Left column*/
#cadre_left{
    float:left;
    width:304px;
}
.cadre_photo{border:1px solid #3095cf;padding:5px;margin-top:10px;}
.sep{float:left;width:493px;line-height:2px;background-color:#3095cf;margin:10px 0px 10px 0px;}

#video1{
    margin:24px 0px 24px 0px;
}
#left_column{
    float:left;
    width:200px;    
    padding:0px 43px 0px 61px;
    background: transparent url(../images/ligne_gauche.jpg) 301px 0px no-repeat;
}

#right_column{
    float:left;
    width:492px;   
    padding:0px 56px 0px 47px;   
}

/*Fin Left column*/
/*Right column*/
/*Fin right column*/

#footer{float:left;width:903px;margin-top:20px;}
#footer ul{
    text-align:center;    
}
#footer li {display:inline;}
#footer a {font-size:11px;color:#ffffff;font-weight:bold;}

#copyright{
    float:left;
    width:903px;
    text-align:center;
    margin:10px 0px 10px 0px;
    color:#ffffff;
    font-size:11px; 
}

#copyright a{color:#ffffff;}

/*---------------------Fin--------footer--------------------------------------*/

#page_media p{
    float:left;
    color:#2f91ca;
    font-weight:bold;
    font-size:14px;
}

#page_media a{
    float:left;
    color:#323637;
    font-weight:normal;
    font-size:11px;
    margin-top:5px;
}

#page_media .sep_media{float:left;width:493px;line-height:3px; height:3px;background-color:#e6f4fc;margin:10px 0px 10px 0px;}

/*Poisson de l accueil*/
.style1 {
	color: #FF9900;
	font-weight: bold;
}
.style2 {color: #FF9900}
.style3 {color: #0033FF}
.style4 {color: #FFFF00}
.style5 {color: #0000FF}
.style6 {color: #33CC00}


/* Fin Menu du site a coté du logo*/
/**************************************************
	STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE
**************************************************/
/*fin du Ul pour le plan du site*/
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.bold {font-weight: bold;}
.case_upper{text-transform:uppercase;}
.crouge{color:red;}
.cbleu{color:#2f91ca;}
.hide {visibility:hidden;}
/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}

#bouton_envoyer{
  background-color:#b0b6ba;
  color:#ffffff;
  width:60px;
  text-align:center;
  border:1px solid #a4a6a1;
  height:25px;
}
#div_main_content:after,
#div_page_content:after
 {content:".";display:block;height:0;clear:both;visibility:hidden;}

pre.__trace {text-align: left; display: block; background-color: #FFFFCC; border: 1px solid #CC0033; padding: 10px;}
pre.__trace:before{content:"::TRACE::"; font-weight:bold; color:#CC0033; display: block; border-bottom: 1px solid #CC0033; padding: 5px;}

table{
    font-family: Tahoma,Arial,Helvetica, sans-serif;
    font-size:11px;
    width:100%;
}
.long_desc{
 text-indent:-8000px;
 position:absolute;
 z-index:1;
 width:94px;
    font-family: 'Courier New',Courier,monospace;
}
.nofloat{float:left} /*le bouton ne peux être float dans ie6*/
.no_view{display:none;}
.style_bouton{background-color:#1c7bb2;width:100px;font-weight:bold;border:1px solid #0a293b;padding:2px;color:#ffffff;}

/*Calenrier de l'accuei*/
.mgtop17{margin-top:-17px;}

.calendrier-box{
	margin:25px 0 25px 0;
	padding:10px;
	background:#e4f1f9;
	border:1px solid #55819a;
	}
.calendrier-box dt {
	color:#2F91CA;
	font-size:1em;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #55819a;
	}
.calendrier-box dd strong{
	position:relative;
	display:inline-block;
	width:100%;
	color:#323637;
	font-size:1.0em;
	}	
.calendrier-box dd {
	color:#2F91CA;
	font-size:1.0em;
	text-align:left;
	margin:0 0 10px 10px;
	}		
/**********z*************************************************
fin Syle pour la page de configuration
**********************************************************/