/* CSS Document */

td
{vertical-align:top;}

body
{
background-image:url("imgs_interface/fond_page.gif");
background-repeat:repeat-y;
background-position:top center;
background-color:#ffffff;
margin:auto;
width:1000px;
margin-top:10px;
margin-bottom:10px;
}


.img_border{border:1px solid #990000;margin:0px;}
.align_left_border{border:1px solid #990000;float:left;margin-right:5px;}
.align_right_border{border:1px solid #990000;float:right;margin-left:5px;}
.align_left{float:left;margin-right:5px;border:0px;}
.img_no_border{border:0px; padding:0px;}

.align_center{text-align:center;}
.align_droite{text-align:right;}

.img_portrait {border:1;margin:5px;}

strong{font-size:11px; color:#990000; font-weight:bold; }

li {margin-left:20px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*------ EN TETE---------*/
#en_tete 
{
height:108px;
background-image:url("imgs_interface/bandeau_haut.jpg");background-repeat:no-repeat;
}

/*------ MENU HAUT---------*/

#menu_haut 
{
background-image:url("imgs_interface/barre_menu_haut.gif");background-repeat:no-repeat;
margin-top:10px;
margin-bottom:20px;
height:20px;
}

#menu_haut h1
{
padding-top:3px;
padding-right:10px;
padding-bottom:2px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold;
}

#menu_haut a{color: #cc0000; padding:3px; padding-right:5px;padding-left:5px;border-left:1px dotted #ffffff;border-right:1px dotted #ffffff;background-image:url("imgs_interface/fond_btn_gris.gif");background-repeat:repeat-x;}
#menu_haut a:link {text-decoration: none; }
#menu_haut a:visited {text-decoration: none;}
#menu_haut a:hover {color: #ffffff; text-decoration: none;background-image:url("imgs_interface/fond_btn_rouge.gif");background-repeat:repeat-x;}
#menu_haut a:active {color: #ffffff; text-decoration: none;background-image:url("imgs_interface/fond_btn_rouge.gif");background-repeat:repeat-x;}

#menu_present h3, #anim_jeu h3, #partenaire h3, #filinfo h3, #themasciences h3, #flux_synergia h3, #pub h3, #actus h3, #agenda h3, #maj h3,  #boite_outils h3{color:#FFFFFF; font-size:14px; text-align:center; font-weight:bold; margin:0px;}


/*------ COL GAUCHE ---------*/

#col_gauche{
float:left;
width:190px;
margin-bottom:20px;
}

#col_gauche a {color: #990000;	font-size: 10px; font-weight:bold;}
#col_gauche a:link {text-decoration: underline; }
#col_gauche a:visited {text-decoration: none;}
#col_gauche a:hover {color: #cc0000; text-decoration: none;}
#col_gauche a:active {color: #cc0000; text-decoration: none;}

/*------ MENU PRESENT ---------*/
#menu_present{font-family:Verdana, Arial, Helvetica, sans-serif}
#menu_present p{margin:0px; border-top:1px solid #ffcccc ; border-bottom:1px solid #990000;padding:5px;}

#menu_present_head{ background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; height:30px; padding-top:15px; }

#menu_present_body{ font-size:10px; background-color:#FF0000; }

#menu_present_foot{background-image:url("imgs_interface/bord_bas_block.gif");background-repeat:no-repeat;background-position:bottom ; height:25px;}

#menu_present a {color: #ffffff;	font-size: 12px;font-weight: bold;}
#menu_present a:link {text-decoration: none; }
#menu_present a:visited {text-decoration: none;}
#menu_present a:hover {color: #330000; text-decoration: none;}
#menu_present a:active {color: #330000; text-decoration: none;}

/*------ RESEAU ---------*/
#reseau{font-family:Verdana, Arial, Helvetica, sans-serif;margin-top:10px; background-image:url("imgs_interface/fond_btn_label.gif");background-repeat:no-repeat;height:30px;}

#reseau p{margin:0px;padding-left:50px;padding-top:7px;}

#reseau a {color: #cc0000;	font-size: 12px;font-weight: bold;}
#reseau a:link {text-decoration: none; }
#reseau a:visited {text-decoration: none;}
#reseau a:hover {color: #ff0000; text-decoration: none;}
#reseau a:active {color: #ff0000; text-decoration: none;}

/*------ TROPHEE ---------*/

#trophee {margin-top:10px;}

/*------ THEMASCIENCES ---------*/

#themasciences{margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#themasciences_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px; 
}

#themasciences_body{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; border-bottom:1px dotted #cc0000; padding:5px; background-color:#EEEEEE;
}

#themasciences_foot{}

/*------ ANIM JEU & BOITE A OUTILS ---------*/

#boite_outils, #objets_trouves, #anim_jeu {margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#anim_jeu_head, #boite_outils_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px; 
}

#anim_jeu_body, #boite_outils_body{
height:125px;border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; border-bottom:1px dotted #cc0000;
}

#anim_jeu_foot{}

/*------ WEB TV ---------*/

#webtv{margin-top:0px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px;}

#webtv_head{}

#webtv_body{}

#webtv_foot{}

/*------ FLUX SYNERGIA ---------*/
#flux_synergia{margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#flux_synergia_head{
 background-image:url("imgs_interface/bord_haut_connexion.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px; height:25px;
}

#flux_synergia_body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; border-right:1px dotted #00cc33; border-left:1px dotted #00cc33; border-bottom:1px dotted #00cc33;}

#flux_synergia_foot{}

#flux_synergia ul {list-style-type:none; padding-left:0px; margin-left:0px;}
#flux_synergia li {padding-left:0px; margin-left:0px; margin-top:10px;  }

#flux_synergia a {color: #009933;	font-size: 10px; font-weight:bold;}
#flux_synergia a:link {text-decoration: underline; }
#flux_synergia a:visited {text-decoration: none;}
#flux_synergia a:hover {color: #006633; text-decoration: none;}
#flux_synergia a:active {color: #006633; text-decoration: none;}

/*------ PUB ---------*/
#pub{ margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#pub_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px;
}

#pub_body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; border-bottom:1px solid #cc0000; border-right:1px solid #cc0000; border-left:1px solid #cc0000; background-color:#EEEEEE;border-bottom:1px dotted #cc0000;
}

#pub_foot{}

/*------ COL DROITE ---------*/

#col_droite {
width:190px; 
float:right;
margin-bottom:20px;}

#col_droite a {color: #990000;	font-size: 10px; font-weight:bold;}
#col_droite a:link {text-decoration: underline; }
#col_droite a:visited {text-decoration: none;}
#col_droite a:hover {color: #cc0000; text-decoration: none;}
#col_droite a:active {color: #cc0000; text-decoration: none;}

/*------ PARTENAIRE ---------*/

#partenaire{font-family:Verdana, Arial, Helvetica, sans-serif;}

#partenaire_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px; 
}

#partenaire_body{
height:125px;border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; border-bottom:1px dotted #cc0000;
}

/*------ AGENDA ---------*/
#agenda{ margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#agenda_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px;
}

#agenda_body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; padding:5px; background-color:#EEEEEE; border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; border-bottom:1px dotted #cc0000;
}

#agenda_foot{
background-color:#CCCCCC;
height:10px;
border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; border-bottom:1px dotted #cc0000;
padding:5px;
}

/*------ MAJ ---------*/
#maj{margin-top:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}

#maj_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px; 
}

#maj_body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; padding:5px; background-color:#EEEEEE;border-bottom:1px dotted #cc0000;
}

#maj_foot{
}

/*------ ACTUALITES ---------*/
#actus{margin-top:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}

#actus_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px;
}

#actus_body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; padding:5px; background-color:#EEEEEE;border-bottom:1px dotted #cc0000;
}

#actus_foot{
background-color:#CCCCCC;
height:10px;
border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; border-bottom:1px dotted #cc0000;
padding:5px;
}

/*------ FIL INFO ---------*/
#filinfo{margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

#filinfo_head{
 background-image:url("imgs_interface/bord_haut_block.gif");background-repeat:no-repeat;background-position:top ; padding-top:5px;  padding-bottom:5px; 
}

#filinfo_body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; padding:5px; background-color:#EEEEEE;border-bottom:1px dotted #cc0000;
}

#filinfo_foot{}

/*------ CORPS ---------*/

#corps {width:600px; margin-left:200px;}

#corps h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ff0000;
font-size:30px;
height:39px;
background-image:url("imgs_interface/fond_titre.gif");
}

#corps h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc0000;
font-size:17px;
border-bottom:3px dotted #cccccc;
}

#corps h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc0000;
font-size:13px;
border-bottom:3px dotted #cccccc;
}

#corps_head {
height:15px; margin-top:10px;}

#corps_body {
background-color:#ffffff; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding-top:20px; 
font-size:11px; 
padding:10px;
border-right:1px dotted #cc0000; 
border-left:1px dotted #cc0000;
border-top:1px dotted #cc0000;
border-bottom:1px dotted #cc0000;
text-align:justify;
}
.stop_float{clear:both;}
#corps_foot {height:15px; }

#corps a {color: #cc0000;	font-size: 10px; font-weight:bold;}
#corps a:link {text-decoration: underline; }
#corps a:visited {text-decoration: none;}
#corps a:hover {color: #990000; text-decoration: none;}
#corps a:active {color: #990000; text-decoration: none;}

#news_lien p {background-color:#EEEEEE;border:1px dotted #cccccc; text-align:center; padding:5px;margin-top:40px;}

#code_source p {background-color:#EEEEEE;border:1px dotted #cccccc; padding:10px;margin-top:10px;
font-family:"Courier New", Courier, mono;}

#encart {background-color:#EEEEEE;border:1px dotted #cccccc; padding:5px;margin-top:40px;}

/*------ BOITE A OUTILS ---------*/

#bo_01, #bo_02, #bo_03, #bo_04, #bo_05{margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;width:190px;}

#bo_02, #bo_05{margin-left:2px; }

#bo_01_head, #bo_02_head, #bo_03_head, #bo_04_head, #bo_05_head {
background-image:url("imgs_interface/bord_haut_block.gif");
background-repeat:no-repeat;
background-position:top left ; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;  
color:#FFFFFF; 
padding-top:5px;  
padding-bottom:5px;  
font-weight:bold; 
padding-left:15px; 
border-bottom:1px dotted #cc0000; 
}

#bo_01_body, #bo_02_body, #bo_03_body, #bo_04_body, #bo_05_body {
font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#EEEEEE;
font-size:10px; border-right:1px dotted #cc0000; border-left:1px dotted #cc0000; border-bottom:1px dotted #cc0000;height:300px;}

#bo_01_body p, #bo_02_body p, #bo_03_body p, #bo_04_body p, #bo_05_body p {padding:5px; text-align:left;}

/*------ PLEIN FEU 1 & 2 ---------*/

#pleinfeu_head1, #pleinfeu_head2, #pleinfeu_head{ 
background-image:url("imgs_interface/bord_haut_block.gif");
background-repeat:no-repeat;
background-position:top left ; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;  
color:#FFFFFF; 
padding-top:5px;  
padding-bottom:5px;  
font-weight:bold; 
padding-left:15px; 
border-bottom:1px dotted #cc0000; 
}

#pleinfeu_body1, #pleinfeu_body2, #pleinfeu_body{
background-color:#eeeeee; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
padding:0px;
padding-right:5px;
height:190px;
border-bottom:1px dotted #cc0000; border-right:1px dotted #cc0000; border-left:1px dotted #cc0000;
}

#pleinfeu_body1 h3, #pleinfeu_body2 h3 , #pleinfeu_body h3{
font-size:14px;
color:#CC0000;
border-bottom:3px dotted #cccccc;
margin-left:195px;
margin-right:5px;
padding-top:5px;
margin:0px;
}

#pleinfeu_foot1, #pleinfeu_foot2 , #pleinfeu_foot{}

.note {
font-size:9px;
}



/*------- EQUIPE ---------*/

#bruno, #christine, #mathieu, #stephane, #guillaume, #marion, #virginie, #francois { width:560px; margin-bottom:10px;background-color:#EEEEEE; }
#bruno_a, #christine_a, #mathieu_a, #stephane_a, #guillaume_a, #marion_a, #virginie_a, #francois_a { width:120px;}
#bruno_b, #christine_b, #mathieu_b, #stephane_b, #guillaume_b, #marion_b, #virginie_b, #francois_b { width:440px; padding:3px; }

/*------ BARRE OUTILS ---------*/

#barre_outils, .barre_outils {
	margin-bottom: 10px;
	float: left;
	width: 600px;
	height: 30px;
	background: url("imgs_interface/barre_outil.gif") no-repeat;
	padding-top:2px;
	padding-left:15px;
}

#barre_outils ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#barre_outils li, .barre_outils li  {
	float: left;
	border-right:1px dotted #ffffff;
}

#barre_outils li span, .barre_outils li span {
	position: absolute;
	left: -50000px;
}

#imprimer a, #envoyer a, .imprimer a, .envoyer a {
	display: block;
	width: 30px;
	height: 25px;
	background-position: right top;
	
}

#imprimer a,.imprimer a {background: url("imgs_interface/btn_print.gif") no-repeat;}
#envoyer a,.envoyer a {background: url("imgs_interface/btn_mail.gif") no-repeat;}

#imprimer a:hover, #imprimer a:focus,.imprimer a:hover, .imprimer a:focus {background-color:#FFFFFF;}
#envoyer a:hover, #envoyer a:focus,.envoyer a:hover, .envoyer a:focus {background-color:#FFFFFF;}

/*------ MENU BAS ---------*/

#menu_bas
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	margin-top:20px;
}

#menu_bas a {color: #cc0000;	font-size: 12px; border-left:1px solid #cc0000;border-right:1px solid #cc0000;Padding-left:5px;padding-right:5px;}
#menu_bas a:link {text-decoration: underline; }
#menu_bas a:visited {text-decoration: none;}
#menu_bas a:hover {color: #ffffff; text-decoration: none;background-color:#cccccc;}
#menu_bas a:active {color: #ffffff; text-decoration: none;background-color:#cccccc;}

/*------ PIED PAGE---------*/

#foot{
clear:both;}

#pied_page 
{
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:5px;
	font-size:11px;
}

#menu_bas{
padding-top:5px;
height:30px;
background-image:url("imgs_interface/barre_menu_bas.gif");background-repeat:no-repeat;
}

#pied_page2
{
	margin-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:200px;
	width:600px;
	text-align:center;
	font-size:9px;
}

#pied_page2 a {color: #cc0000;	font-size: 9px;}
#pied_page2 a:link {text-decoration: underline; }
#pied_page2 a:visited {text-decoration: none;}
#pied_page2 a:hover {color: #990000; text-decoration: none;}
#pied_page2 a:active {color: #990000; text-decoration: none;}

/*---- FORMULAIRE ------*/

#contact_rds, #ami_rds, #invitation_rds, #avis, #conf_evolution  {
background-color:#EEEEEE;
padding:5px;
border: 1px dotted #cc0000;
}

#contact_rds label, #ami_rds label, #avis label  {
display : block;
float : left;
width:150px;
text-align:right;
margin-right:5px;
}

#contact_rds input, #ami_rds input, #avis input {width:300px;}

#contact_rds textarea, #ami_rds textarea,  #avis textarea{
width:300px;
height:10em;
}

#contact_rds #submit,  #ami_rds #submit, #invitation_rds #submit,  #avis #submit{
width:100px;
}