@charset "UTF-8";
/* CSS Document */



/*/ BALISES  ///////////////////////////////*/


body {
	font-family: "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif;
	font-size:10px;
	color:#555555;
	margin:0px;
	background:url(../images-keypi/fond_general.jpg) repeat-y top center #dfdfe1;
	line-height: 1.2em;
}




/*/ HEADER  ///////////////////////////////*/

.header_logo { 
	height:91px; 
	width:100%; 
	background:url(../images-keypi/degrade_bleu_header.jpg) repeat-x; 
	border-bottom:1px solid #0192b9; 
}

.header_horloge { 
	height:28px; 
	width:234px; 
	background:url(../images-keypi/fond_horloge.jpg) no-repeat top right;
}

.header_boutons { 
	height:23px; 
	width:100%; 
	background:url(../images-keypi/degrade_gris_header.jpg) repeat-x top; 
	border-bottom:1px solid #cacaca; border-top:1px solid #ffffff;
}

.input_button_opendiv{
	font-family: "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	height: 16px;
	width:100px;
	color: #555555;
	border-width:0px;
	background-image:url(../images-keypi/btn_blanc_opendiv.png);
	cursor:pointer;
}

.input_button_closediv{
	font-family: "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	height: 15px;
	width:100px;
	color: #555555;
	border-width:0px;
	background-image:url(../images-keypi/btn_blanc_closediv.png);
	cursor:pointer;
}

.header_menu { 
	height:27px; 
	width:100%; 
	background:url(../images-keypi/degrade_menu.jpg) repeat-x; 
}





/*/ GENERAL  ///////////////////////////////*/


.bouton_blanc {
	background: transparent url(../images-keypi/btn_blanc_details.png) no-repeat top left;
	width:100px;
	height:16px;
}

* html .bouton_blanc {
	
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/btn_blanc_details.png", sizingMethod="scale");
}

.tableau_contenu {
	border-top: 1px solid #575758; 
	margin-top:25px;
}

.conteneur_txt_over_png { 
	position:absolute; 
	left:50%; 
	margin-left:-475px; 
	width:950px; 
}

.conteneur_txt_gauche_home { 
	width:400px;
	margin-right:70px;
}

.conteneur_txt_droit_home { 
	width:400px;
	margin-left:70px;
}



/*/ PARTICIPEZ KEYPI  ///////////////////////////////*/

.box_participez {
	background: transparent url(../images-keypi/ombre_participez.png) no-repeat top center;
	width:950px;
	height:189px;
}

* html .box_participez {
	
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/ombre_participez.png", sizingMethod="scale");
}


/*/ GRAPHIQUES  ///////////////////////////////*/

.box_titre_graphique_standard {
	width:92px;
	height:18px;
	background:transparent url(../images-keypi/onglet_graphiques.png) no-repeat top left;
}

* html .box_titre_graphique_standard {
	
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/onglet_graphiques.png", sizingMethod="scale");
}

.titre_graphiques {
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; 
	color:#FFFFFF;
	font-size:11px;
	margin:1px 0 0 12px;
}

.evolution_graphique_bas {
	width:83px;
	height:16px;
	background:url(../images-keypi/evo_down.gif) no-repeat top left;
	cursor:pointer;
	margin-left:284px;
	margin-bottom:-5px;
}

.evolution_graphique_haut {
	width:83px;
	height:16px;
	background:url(../images-keypi/evo_up.gif) no-repeat top left;
	cursor:pointer;	
	margin-left:284px;
	display:none;
	margin-bottom:-5px;
}

.fleche_gauche_graphiques, .fleche_droite_graphiques {
	width:17px;
	height:84px;
}

td.depliant_principal {
	width:220px;
}


div.depliant_principal {
	width:220px;
	height:80px;
	overflow:hidden;
}

div.cellule_principale {
	width:73px;
	margin-top:6px;
	text-align:center;
}

.graphiques {
	width:145px;
	height:85px;
}

.rss_graphiques {
	margin-top:5px;
}

.pourcentage_graphiques {
	font-size:11px; 
	color:#1c1c1c;
	margin-top:3px;
}

.box_graphique_standard {
	width:400px;
	height:85px;
	background:transparent url(../images-keypi/fond_graphiques_small.png) no-repeat top left;
}
.box_graphique_standard_version {
	width:400px;
	height:85px;
	background:transparent url(../images-keypi/fond_graphiques_version.png) no-repeat top left;
}


.box_graphique_plugin {
	width:400px;
	height:197px;
	background:transparent url(../images-keypi/fond_graphique_plugin.png) no-repeat top left;
}

.box_graphique_crawls {
	width:400px;
	height:197px;
	background:transparent url(../images-keypi/fond_graphique_crawls.png) no-repeat top left;
}

.box_graphique_evolution {
	width:400px;
	height:197px;
	margin-left:8px;
	background:url(../images-keypi/fond_graphique_evolution.gif) no-repeat top left;
}




/*/ EXPLICATIF KEYPI  ///////////////////////////////*/


.sous_titre_keypi { 
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; 
	font-size:14px; 
	color:#3e3e3e; 
	margin: 8px 0 0 0;  
}

.chapeau_keypi { 
	font-size:11px; 
	color:#0092b9; 
	margin: 20px 0 15px 0;
}

.paragraphe_keypi { 
	font-size:10px; 
	color:#555555; 
	margin: 8px 0 0 0; 
}

/*/ BLOG //////////////////////////////////////////*/
.conteneur_menu_blog{ 
	width:260px;
	background: transparent url(../images-keypi/fond-menu-blog.png) no-repeat top left;
	height:536px;
	margin-top:25px;
}

/*/ MOTEUR DU MOIS  ///////////////////////////////*/



.conteneur_moteurs{ 
	width:400px;
	background: transparent url(../images-keypi/fond_moteur_mois.png) no-repeat top left;
	height:259px;
	margin-top:25px;
}


.conteneur_logo_moteurs { 
	width:380px;
	height:43px;
	background: transparent url(../images-keypi/fond_logo_moteur_mois.png) no-repeat top left;
	margin:10px;
}

.titre_moteur {
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; 
	font-size:18px;
	color:#FFFFFF;
	margin:10px;
}

.paragraphe_bleu_moteur {
	font-size:11px;
	color:#45b9ea;
	margin:20px 10px 10px 10px;
}

.paragraphe_blanc_moteur {
	font-size:10px;
	color:#FFFFFF;
	margin:15px 10px 10px 10px;
}


/*/ BLOG NEWS  ///////////////////////////////*/

.titre_article_news { 
	font-size:13px; 
	color:#0092b9;
}

.paragraphe_article_news { 
	font-size:11px; 
	color:#555555;
	margin-top:8px;
}

.calendrier {
	background:transparent url(../images-keypi/calendrier-actualite-web.png) no-repeat top left; 
	height:50px; 
	width:46px;

}

* html .calendrier {
	
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/calendrier-actualite-web.png", sizingMethod="scale");
}

.mois_calendrier {
	font-size:13px;
	width:42px;
	height:15px; 
	color:#FFFFFF;
}

.date_calendrier {
	font-size:24px;
	width:42px;
	height:23px; 
	color:#3e3e3e;
	font-weight:bold;
	margin-top:4px;
	padding:5px 0 5px 0;
}

/*/ Page moteurs ///////////////////////////////*/


.titre_page_moteur {
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#0092b9;
	padding-top:3px;
	margin-top:35px;
}

.sous_titre_page_moteur {
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif;
	font-size:11px;
	color:#323232;
	margin-top:8px;
}

.paragraphe_page_moteur {
	font-size:10px;
	color:#555555;
	height:170px;
	margin-top: 10px;
}

.box_logo_page_moteur {
	width:400px;
	height:43px;
	background:transparent url(../images-keypi/fond_moteur_page.png) no-repeat top left;
	margin-top:20px;
}

* html .box_logo_page_moteur {
	
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/fond_moteur_page.png", sizingMethod="scale");
}

/*/ Page contact ///////////////////////////////*/


.titre_teaser_interne  {
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; 
	font-size:22px;
	padding-top:4px;
	color:#0092b9;
}

.sous_titre_teaser_interne  {
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; 
	font-size:12px;
	color:#141414;
	margin-top:10px;
	margin-bottom:15px;
}

.paragraphe_teaser { 
	font-size:10px; 
	color:#555555; 
	margin: 8px 0 0 0; 
}


.titre_interface_demo { 
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; 
	font-size:12px;
	color:#3e3e3e;
}

.separation_interface_demo {
	height:1px; 
	width:400px; 
	background-color:#606060; 
	margin:5px 0 9px 0;
}

input.input_demo {
	background:url(../images-keypi/ombre_input_txt.gif) repeat-x top #FFFFFF;
	border:1px solid #818181;
	width:200px;
	height:17px;
}


input.input_demo2 {
	background:url(../images-keypi/ombre_input_txt.gif) repeat-x top #FFFFFF;
	border:1px solid #818181;
	width:150px;
	height:17px;
}

.textarea_demo {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images-keypi/ombre_input_txt.gif) repeat-x top #FFFFFF;
	border:1px solid #818181;
	width:200px;
	height:50px;
	font-size:10px;
}

.select_demo {
	width:180px;
}

.ligne_formulaire_demo1 {
	font-size:10px;
	margin: 20px 0 0 15px;
}

.ligne_formulaire_demo2 {
	font-size:10px;
	margin: 13px 0 0 15px;
}

option.titre_select {
	font-style:italic;
}

.conteneur_module_formulaire {
	margin-top: 50px;
}

.valider_demo {
	position:absolute;
	width:950px; 
	height:50px; 
	margin-top:90px; 
}

.btn_valider_formulaire_demo {
	font-family: "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	height: 23px;
	width:157px;
	color: #ffffff;
	border-width:0px;
	background:url(../images-keypi/btn_envoyer_formulaire.gif) no-repeat top left;
	cursor:pointer;
}



/*/ TEXTES ET LIENS  ///////////////////////////////*/


.titre_lucida_blanc_11px { font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; font-size:11px; color:#FFFFFF;}

.txt_bleu_gris_10px { font-size:10px; color:#dce5fe; }

.txt_bleu_10px_0092b9 { font-size:10px; color:#0092b9; }

.txt_blanc_10px { font-size:10px; color:#ffffff; }

.txt_gris_9px_italic { font-size:10px; font-style:italic; color:#555555; }

.txt_gris_10px { font-size:10px; color:#555555; }
.txt_gris_10px_italic  { font-size:10px; color:#555555; font-style:italic; }

.txt_gris_fonce_10px { font-size:10px; color:#3e3e3e; }

.txt_11px_1c1c1c { font-size:11px; color:#1c1c1c;}

.txt_gris_fonce_24px { font-size:24px; color:#3e3e3e; }

.txt_gris_clair_10px { font-size:10px; color:#838383; }

.txt_bleu_fonce_11px { font-size:11px; color:#15317d;}
.txt_bleu_clair_10px_italic { font-size:10px; color:#3553a6; font-style:italic;}

.lien_bouton_teaser, a.lien_bouton_teaser, a.lien_bouton_teaser:hover { font-size:10px; color:#FFFFFF; text-decoration:none; cursor:pointer; }

a.lien_bouton { font-size:10px; color:#3e3e3e; text-decoration:none; cursor:pointer; }
a.lien_bouton:hover { text-decoration:none;}

a.lien_gris_fonce_10px { font-size:10px; color:#3e3e3e; text-decoration:none;}
a.lien_gris_fonce_10px:hover { text-decoration:underline;}

a.lien_gris_clair_9px { font-size:9px; color:#838383; text-decoration:underline;}
a.lien_gris_clair_9px:hover { text-decoration:none;}

a.lien_gris_fonce_10px_italic { font-size:10px; color:#3e3e3e; text-decoration:none; font-style:italic; }
a.lien_gris_fonce_10px_italic:hover { text-decoration:underline;}

a.lien_1c1c1c_10px { font-size:10px; color:#1c1c1c; text-decoration:underline; }
a.lien_1c1c1c_10px:hover { text-decoration:none;}




/*/ FOOTER  ///////////////////////////////*/

.footer  { 
	width:950px;
	height:67px;
	background:transparent url(../images-keypi/trait_footer.png) no-repeat top left; 
	margin-top:50px;
	font-size:10px;
}

* html .footer{
	
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/trait_footer.png", sizingMethod="scale");
}

.liens_footer, .liens_footer a { font-size:11px; color:#555555; text-decoration:none;}
.liens_footer a:hover { text-decoration:underline;}

.partenaires {
	width:361px;
	height:94px;
	background:transparent url(../images-keypi/5pourcent_black.png);
	margin:25px 0 25px 0;
}

* html .partenaires{
	
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/5pourcent_black.png", sizingMethod="scale");
}

.titre_partenaires {
	font-size:12px; 
	color:#555555;
	margin: 8px 10px 0 10px;
}



/*/ 404  ///////////////////////////////*/
.conteneur_txt_attente { 
	width:494px;
	height:193px;
	margin-top:90px;
	background: transparent url(../images-keypi/fond_transparent_txt.png) no-repeat top left;
}q

* html .conteneur_txt_attente {
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images-keypi/fond_transparent_txt.png", sizingMethod="scale");
}

.txt_attente { 
	width:410px;
	height:160px;
}


.sous_titre { 
	font-family: "Lucida Sans", "Lucida Sans UNnicode", "Trebuchet MS", Trebuchet, Helvetica ,Arial, sans-serif; 
	font-size:14px; 
	color:#3e3e3e; 
	margin: 8px 0 0 0;  
}

.chapeau { 
	font-size:11px; 
	color:#0092b9; 
	margin: 20px 0 15px 0;
}

.paragraphe { 
	font-size:10px; 
	color:#555555; 
	margin: 8px 0 0 0; 
}

a.lien404 { 
	font-size:10px; 
	color:#0092b9;
	text-decoration:underline;
}

a:hover.lien404 { 
	text-decoration:none;
}