@charset "iso-8859-1";
/* FR : CSS et graphisme par WonkaStudio www.wks.fr  ------------------------------------------------------------------------------------------- */
/* EN : CSS and design template by WonkaStudio www.wks.fr  ------------------------------------------------------------------------------------------- */

/* FR : Style générale de la page  ------------------------------------------------------------------------------------------- */
/* EN : Genral style of every page ------------------------------------------------------------------------------------------------ */

body {
	background: url(images/bg_page.png) repeat; 
	background-repeat: repeat-x;
	background-color:#717171;
	color:#000000;
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:12px;
	line-height:18px;
}

.separator{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0px;
	font-size: 0em;
	}
	
#page {
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	position:relative;
	width:960px;
	height:106px;
}	
#content {
	position:relative;
	width:960px;
	background:#fff;
	float:left;
}	

.separator{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0px;
	font-size: 0em;
	}

.bloc_flag {
  width:100px;
  height:40px;
  position:absolute;
  top:118px;
  left:860px;
  }

.flag_fr {
  float:left;
  width:40px;
  height:40px;
	background:url("images/flag_fr.png") no-repeat; 
  margin-right:10px; 
  }
.flag_en {
  float:left;
  width:40px;
  height:40px;
  left:80px;
	background:url("images/flag_en.png") no-repeat;  
  }
.flag_twitter {
  float:left;
  width:135px;
  height:60px;
  left:-20px;
	background:url("images/tutobuzz_icone_twitter.png") no-repeat;  
  }


.menu_1 {
  float:left;
  width:960px;
  height:92px;
  line-height:80px;
	background:url("images/bg_menu_1.png") no-repeat #FFFFFF;
  }
.logo {
  float:left;
  width:333px;
  height:106px;
	background:url("images/logo.png") no-repeat;
  }
  
.footer {
  float:left;
  width:960px;
  height:120px;
	background:url("images/bg_footer.png") no-repeat;
  text-align:center;
  }
.text_footer {
  margin-top:20px;
  font-size:10px;
  font-weight:bold;
  color:#fff;
  }
  
  
.menu_1_onglet_1 {
  top:51px;
  left:350px;
  position:absolute;
  float:left;
  width:110px;
  height:25px;
	background:url("images/menu_1_onglet_1_inactif.png") no-repeat;
  text-align:center;
  font-size:10px;
  color:#21263a;
  text-decoration:none;
  font-weight:bold;
  padding-top:100px;
  }
.menu_1_onglet_1:hover {
	background:url("images/menu_1_onglet_1_hover.png") no-repeat;
  color:#21263a;
  }  
  
.menu_1_onglet_2 {
  top:51px;
  left:460px;
  position:absolute;
  float:left;
  width:110px;
  height:25px;
	background:url("images/menu_1_onglet_2_inactif.png") no-repeat;
  text-align:center;
  font-size:10px;
  color:#21263a;
  text-decoration:none;
  font-weight:bold;
  padding-top:100px;
  }
.menu_1_onglet_2:hover {
	background:url("images/menu_1_onglet_2_hover.png") no-repeat;
  color:#21263a;
  }
  
.menu_1_onglet_3 {
  top:51px;
  left:590px;
  position:absolute;
  float:left;
  width:110px;
  height:25px;
	background:url("images/menu_1_onglet_3_inactif.png") no-repeat;
  text-align:center;
  font-size:10px;
  color:#21263a;
  text-decoration:none;
  font-weight:bold;
  padding-top:100px;
  }
.menu_1_onglet_3:hover {
	background:url("images/menu_1_onglet_3_hover.png") no-repeat;
  color:#21263a;
  }
  
.menu_1_onglet_4 {
  top:51px;
  left:720px;
  position:absolute;
  float:left;
  width:110px;
  height:25px;
	background:url("images/menu_1_onglet_4_inactif.png") no-repeat;
  text-align:center;
  font-size:10px;
  color:#21263a;
  text-decoration:none;
  font-weight:bold;
  padding-top:100px;
  }
.menu_1_onglet_4:hover {
	background:url("images/menu_1_onglet_4_hover.png") no-repeat;
  color:#21263a;
  }

.colonne_left {
  float:left;
  width:426px;
  margin-left:15px;
  text-align:center;
  }
.title_bloc_left {
	background:url("images/bg_title_left.png") no-repeat;
	width:426px;
	height:42px;
	line-height:42px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#21263a;
	font-weight:bold;
	
  }

.spip_logos {
  margin:10px;
  }

.colonne_general {
  float:left;
  width:930px;
  margin-left:15px;
  text-align:center;
  }
.colonne_general h1 {
  color:#000000;
  font-size:24px;
  }
.colonne_general h3 {
  text-align:left;
  color:#000000;
  font-size:24px;
  text-decoration:none;
  border-bottom:1px solid #000000;
  }
.colonne_general .titrelevel {
  width:880px;
  margin:30px 0 20px 0;
  float:left;
  text-align:left;
  color:#000000;
  font-size:24px;
  text-decoration:none;
  border-bottom:1px solid #000000;
  }
.colonne_general p {
  text-align:left;
  color:#000000;
  }

.colonne_general .listelevel {
  width:300px;
  float:left;
  }
.colonne_general .listelevel li {
  float:left;
  text-align:left;
  width:300px;
  padding:5px;
  }
.colonne_general .listelevel li a {
  color:#000000;
  }
.colonne_general .listelevel li a:hover {
  color:#dc0000;
  }
  

.colonne_right {
  float:left;
  position:relative;
  width:462px;
  margin-left:10px;
  text-align:center;
  }
.colonne_right p{
  text-align:left;
  padding:0 15px 15px 15px;
  }

.colonne_right a:hover{
  text-decoration:none;
  }
.title_bloc_right {
	background:url("images/bg_title_right.png") no-repeat;
	width:462px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	margin-bottom:15px;
  }
  



ul#list_blue_arrow { 
	list-style-type: none; 
	padding:0; 	
	margin:0px 0px 10px 0px; 
}
ul#list_blue_arrow li a { 
	display:block; 
	height:15px; 
	width:350px;
	line-height:15px; 
	color:#21263a; 
	text-decoration:none; 
	font-family:verdana, sans-serif; 
	font-weight:bold;
	margin:5px 5px 5px 20px;
	text-align:left; 
	cursor:pointer; 
	font-size:10px; 
}
ul#list_blue_arrow li a {
	margin-top:2px;
	padding-left:20px;
	background: url(images/arrow_blue.png) no-repeat;
}
ul#list_blue_arrow li a:hover {
	color:#1a89ce; 
	background: url(images/arrow_blue_hover.png) no-repeat;
}

.rss_titre {
  text-align:left;
  font-size:14px;
  color:#e9853a;
  font-weight:bold;
  text-decoration:none;
  }
.rss_text {
  text-align:left;
  font-size:10px;
  color:#e9853a;
  text-decoration:none;
  }
.rss_img {
  float:left;
  margin:0 20px 0 20px;
  }

.bloc_titre_tag_left {
  float:left;
  width:150px;
  margin:0px 0px 10px 0;
  }
.bloc_titre_tag_right {
  float:right;
  width:150px;
  margin:0px 0px 10px 0;
  }
  
.hp_titre_tag {
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#21263a;
  text-decoration:none;
  }

.hp_tags_link {
  font-size:10px;
  font-weight:bold;
  color:#e9853a;
  text-decoration:none;
  }

ul#hp_list_tags { 
	list-style-type: none; 
	padding:0; 	
	margin:0px 0px 10px 0px; 
}
ul#hp_list_tags li a { 
	display:block; 
	height:15px; 
	line-height:15px; 
	color:#21263a; 
	text-decoration:none; 
	font-family:verdana, sans-serif; 
	font-weight:bold;
	margin:5px 5px 5px 20px;
	text-align:left; 
	cursor:pointer; 
	font-size:10px; 
}
ul#hp_list_tags li a {
	margin-top:2px;
	padding-left:20px;
	background: url(images/arrow_blue.png) no-repeat;
}
ul#hp_list_tags li a:hover {
	color:#1a89ce; 
	background: url(images/arrow_blue_hover.png) no-repeat;
}

.hp_text_breve {
  	color:#21263a; 
  	font-size:10px;
  	margin:10px;
  	text-align:left;
  }
.hp_text_detail {
  	color:#828282; 
  	font-size:10px;
  	margin:10px;
  	text-align:left;
  }
.hp_titre_breve {
  	color:#21263a; 
  	font-size:14px;
  	font-weight:bold;
  	text-align:left;
    margin:10px;
  	text-decoration:underline;
  }
  
.button_maroon_1 {
  width:120px;
  height:24px;
  float:left;
  font-size:10px;
  color:#fff;
  line-height:24px;
  font-weight:bold;
	background: url(images/bouton_maroon_1_inactif.png) no-repeat;
	padding-left:40px;
	text-decoration:none;
  margin-right:20px;
  }
    
.button_maroon_2 {
  width:120px;
  height:24px;
  float:left;
  font-size:10px;
  color:#fff;
  line-height:24px;
  font-weight:bold;
	background: url(images/bouton_maroon_2_inactif.png) no-repeat;
	padding-left:40px;
	text-decoration:none;
  }
  
  
.art_titre {
  color:#21263a;
  font-size:16px;
  font-weight:bold;
  text-align:left;
  text-decoration:underline;
  }
.art_sous_titre {
  color:#21263a;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  }
  
.art_date {
  color:#878787;
  font-size:10px;
  font-weight:bold;
  text-align:left;
  }
  
.art_text {
  color:#000;
  font-size:12px;
  text-align:justify;
  }
  

blockquote.spip { 
	background: url(images/bg_citation.png) no-repeat;
  padding:10px;
	font-size:12px;
}

img, .spip_logos { margin: 5px; padding: 0; border: none; }

.button_redirection {
  width:462px;
  height:42px;
  float:left;
  font-size:11px;
  color:#21263a;
  line-height:42px;
  font-weight:bold;
	background: url(images/bg_button_redirection_inactif.png) no-repeat;
	text-align:center;
	text-decoration:none;
	margin:20px 0 0 0;
  }
.button_redirection:hover {
  color:#21263a;
	background: url(images/bg_button_redirection_hover.png) no-repeat;
  }
  
.art_lang  {
  font-size:10px;
  text-decoration:left;
  color:#000;
  }
.traductions  {
  font-size:10px;
  text-decoration:none;
  text-align:left;
  color:#000;
  }
  


ul#art_list_lang { 
	list-style-type: none; 
	padding:0; 	
	margin:0px 0px 10px 0px; 
}
ul#art_list_lang li { 
	display:block; 
	height:15px; 
	width:100px;
	line-height:15px; 
	color:#21263a; 
	text-decoration:none; 
	font-family:verdana, sans-serif; 
	font-weight:bold;
	margin:5px 5px 5px 20px;
	text-align:left; 
	cursor:pointer; 
	font-size:10px; 
	margin-top:2px;
	padding-left:20px;
	background: url(images/arrow_blue.png) no-repeat;
}

.breve_reponse {
  font-size:10px;
  font-weight:bold;
  color:#84b623;
  text-decoration:none;
}

.forml {
  border:1px solid #2c75a9;
	background: url(images/bg_input.png) repeat-x;
  padding:5px;
  width:888px;
  font-size:12px;
  font-weight:bold;
  color:#2c75a9;
}

.for_text {
  font-size:12px;
  color:#000;
  margin:10px 0 10px 0;
  }

.for_titre {
  font-size:14px;
  font-weight:bold;
  color:#000;
  margin:30px 0 10px 0;
  }
  
.for_titre2 {
  font-size:14px;
  font-weight:bold;
  color:#000;
  margin:10px 0 10px 0;
  }

.for_small {
  font-size:10px;
  color:#000;
  }

.for_error {
  font-size:10px;
  font-weight:bold;
  color:#ce1a1a;
  text-decoration:underline;
  }

.for_rep {
  float:left;
  margin:10px 0px 20px 0px;
  height:32px;
  padding-left:40px;
  line-height:32px;
  font-size:10px;
  text-decoration:none;
  color:#000;
	background: url(images/add_message.png) no-repeat;
  }
.for_rep:hover {
  text-decoration:underline;
  }
  
.spip_out {
  font-size:10px;
  font-weight:bold;
  text-decoration:underline;
  color:#000;
  }
  
.for_bloc_previsu {
	background: url(images/bg_for_previsu.png) no-repeat;
  width:848px;
  float:left;
  margin:20px;
  padding:20px;
  }
  

ul#forum { 
	list-style-type: none; 
	padding:0; 	
	margin:0px 0px 0px 0px; 
}
ul#forum li { 
	display:block; 
	text-align:left; 
	font-size:10px; 
}

.mot_titre {
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  }

.texte_pagination {
  float:left;
  font-weight:bold;
  margin:20px 0 10px 0;
  }
.lien_pagination	{
	float:left;
	background:url("images/pagination_down.jpg");
	color:#000000;
	width:23px;
	height:24px;
  line-height:22px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:0 5px 0 0;
}
.lien_pagination:hover	{
	background:url("images/pagination_hover.jpg");
}  
.lien_pagination_actif	{
	float:left;
	background:url("images/pagination_hover.jpg");
	color:#000000;
	width:23px;
	height:24px;
  line-height:22px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:0 5px 0 0;
}  


.submit_input {
	float:left;
	border:2px solid #8f8f8f;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	width:300px;
	margin:10px;
	}

.texte_contact {
  text-align:left;
	font-size:12px;
	color:#000000;
	margin:10px;
	}

.input_contact {
	border:1px solid #5e7e88;
	background:url("images/bg_input.png") repeat-x #FFFFFF;
	padding:5px;
	font-size:10px;
	font-weight:bold;
	color:#394c52;
	width:300px;
	}

.partners_titre {
  float:left;
	color:#0e70cb;
	font-size:18px;
	text-decoration:none;
  text-align:left;
	font-weight:bold;
	margin:0 0 0 10px;
  }
.partners_description {
	font-size:12px;
	color:#737373;
	margin:10px;
  text-align:justify;
	}
.partners_titre_2 {
	font-size:12px;
	color:#000000;
	margin:10px;
  text-align:left;
	}
.partners_url {
	font-size:10px;
	color:#cccccc;
	margin:10px;
  text-align:left;
	}

.bouton {
	float:left;
	background:url("images/bouton.png") repeat-x #FFFFFF;
	width:170px;
	height:35px;
	padding-top:8px;
	font-size:10px;
	text-align:center;
	color:#242424;
	font-weight:bold;
	margin:20px 0px 0px 10px;
	text-decoration:none;
	}
.bouton:hover {
	background:url("images/bouton_hover.png") repeat-x #FFFFFF;
	}
	
	
	
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 260px;
	padding:20px;
	height: 60px;
	opacity: 0.9;
	background: url('images/shadow.png');
	color:#000000;
}
#tooltip.pretty h3 {
	font-size: 12px;
	width: 280px;
	text-align:left;
}
#tooltip.pretty div { width: 220px; text-align: left; }


#yahoo { 
  position:absolute;
  left:250px;
  width:700px;
  height:450px;
  float:left;
  font-weight:bold;
  margin:0px;
  padding:0px;
}
#yahoo2 { 
  width:420px;
  float:left;
  font-weight:bold;
  margin:0px;
  padding:0 0 0 20px;
}
#yahoo3 { 
  width:900px;
  float:left;
  font-weight:bold;
  margin:0px;
  padding:0 0 0 20px;
}
#form_newsletter {
  float:left;
  margin:25px 0 0 25px;
  }
.newsletter_input {
  border:0px solid;
  width:110px;
  height:29px;
  padding:7px 7px 7px 15px;
  float:left;
	background:url("images/newsletter_input.png") 0 0 no-repeat; 
	color:#616161;
	font-weight:bold;
	font-size:12px;
  }
.newsletter_button {
	float:left;
	background-image:url(images/newsletter_button.png);
	height:33px;
	width:64px;
	border:0px;
	}
.newsletter_button:hover {
	background:url(images/newsletter_button.png) 0px -33px no-repeat;
	}


.help1 {
	background-image:url(images/help1.png);
	height:127px;
	width:127px;  
	position:absolute;
	top:140px;
	left:-130px;
  }



#parent1-wrap{
  float:left;
}
#parent1 li{
	font-size:10px;
	}
#parent1-menu a{
	margin:5px 3px 0px 0px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	float:left;
	text-align:center;
	width:25px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	background:url(images/cube_up.png) no-repeat right top;
	}
#parent1-menu a:hover, #parent1-menu a.wactive{
	color:#fff;
	background:url(images/cube_hover.png) no-repeat right top;
	}



	
.tool_filtre {
  float:left;
  width:215px;
  text-align:left;
  }


#list_rub {
	position:relative;
	display:block;
	list-style-type: none; 
	padding:0px;
	margin:0px;
}
ul#list_rub li a { 
  float:left;
	font-weight:bold;
	color:#ffffff; 
	text-align:center;
  text-decoration:none;  
	font-size:10px; 
	width:215px;
	height:30px;
	padding:0px;
	margin:0px 0px 5px 0px;
	line-height:30px;
	background: url(images/button_menu_all_rubrique.png) 0 0 no-repeat;
}
ul#list_rub li a:hover { 
	background: url(images/button_menu_all_rubrique_hover.png) 0 0 no-repeat;
}

.entry {
  float:left;
  width:480px;
  margin:20px 0 0 0;
  }
.entry .linkblue {
  color:#1e72d6;
  font-size:11px;
  font-weight:bold;
  } 

.entry_left {
  float:left;
  width:125px;
  position:relative;
  }
  
.entry_right {
  float:left;
  width:320px;
  position:relative;
  z-index:200;
  text-align:left;
  margin:0 0 0 20px;
  }

.entry h2 {
  font-size:24px;
  line-height:30px;
  font-weight:100;
  margin:0px;
  padding:0px;
  z-index:1;
  position:relative;
  }

.entry .sujetlien {
  float:left;
  font-size:24px;
  margin:0px;
  padding:0px;
  color:#000000;
  text-decoration:none;
  }
.entry .sujetlien:hover {
  text-decoration:underline;
  color:#d80000;
  }

.entry .date {
  background-color:#1a89ce;
  padding:2px 10px 2px 10px;
  font-size:11px;
  color:#ffffff;
  float:left;
  margin:5px 0 0 0;
  }
.entry .texte {
  font-size:11px;
  line-height:20px;
  color:#999999;
  margin:10px 0 0 0;
  }
.entry .texte_art {
  font-size:11px;
  line-height:20px;
  }
.entry .taglien {
  font-size:10px;
  color:#000000;
  }
.entry .taglien:hover {
  text-decoration:none;
  }

.rss_tool {
  float:left;
  width:342px;
  height:47px;
  background:url("images/bann_RSS.png") no-repeat;
  margin:0 0 20px 0;
  padding:53px 0 0 120px;
  text-align:left;
  }

.menu_left_rublink {
  float:left;
  padding:0 0 10px 20px;
  margin:0 0 15px 20px;
  text-align:left;
  }
.menu_left_rublink h3 {
  padding:0; margin:0;
  font-size:12px;
  }
.menu_left_rublink .menu_left_link {
  font-size:12px;
  color:#000000;
  }
.menu_left_rublink .menu_left_link:hover {
  color:#1a87cb;
  }

#counter {
  float:left;
  width:462px;
  height:100px;
  background:url("images/bann_count.png") no-repeat;
  margin:0 0 20px 0;
  text-align:center;
  }
#counter h4 {
  color:#000000;
  padding:0; margin:30px 0 15px 0;
  font-size:44px;
 }

.school_photoshop_bloclesson {
  float:left;
  margin:0 0 20px 20px;
  width:430px;
  }
.school_photoshop_bloclesson ul {
  float:left;
  width:400px;
  text-align:left;
  }
.school_photoshop_bloclesson ul li {
  float:left;
  width:400px;
  margin:0 0 10px 0;
  } 
.school_photoshop_bloclesson ul li a {
  color:#4a4a4a;
  font-weight:bold;
  margin:0 0 10px 0;
  } 
.school_photoshop_bloclesson ul li a:hover {
  color:#2978cf;
  }