/* 
Document   :style
Created on : 27 nov. 2011, 12:51:07
Author     : ISHIMWEOLIVIER
Description:olivieris.toile-libre.org
Purpose of the stylesheet follows.

 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/

Generated by Font Squirrel (http://www.fontsquirrel.com) on December 6, 2011 06:30:44 AM America/New_York
*/
@font-face
{
	font-family: DroidSerifRegular;
	src: url('Droid_Serif/DroidSerif-Regular-webfont.eot');
	src: url('Droid_Serif/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Droid_Serif/DroidSerif-Regular-webfont.woff') format('woff'), url('Droid_Serif/DroidSerif-Regular-webfont.ttf') format('truetype'), url('Droid_Serif/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: DroidSerifItalic;
	src: url('Droid_Serif/DroidSerif-Italic-webfont.eot');
	src: url('Droid_Serif/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('Droid_Serif/DroidSerif-Italic-webfont.woff') format('woff'), url('Droid_Serif/DroidSerif-Italic-webfont.ttf') format('truetype'), url('Droid_Serif/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: DroidSerifBold;
	src: url('Droid_Serif/DroidSerif-Bold-webfont.eot');
	src: url('Droid_Serif/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Droid_Serif/DroidSerif-Bold-webfont.woff') format('woff'), url('Droid_Serif/DroidSerif-Bold-webfont.ttf') format('truetype'), url('Droid_Serif/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: DroidSerifBoldItalic;
	src: url('Droid_Serif/DroidSerif-BoldItalic-webfont.eot');
	src: url('Droid_Serif/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Droid_Serif/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('Droid_Serif/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('Droid_Serif/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
.clearFloat{clear: both;}
body{font-family: "DroidSerifRegular",Verdana,helvetica, sans-serif;font-size:12px;/*color:#555544;*/color:#444444;
     background-color: #FFFFFF;margin: 0 auto;padding:0 0 0 0;}
h1,h2{color:#2796ee;}h3{color:#0a5a99;font-size:12px;} p{line-height:18px;margin:0;padding:0;word-wrap: break-word;}li{margin-bottom:10px; }
a{text-decoration: none;}
a:hover{text-decoration: underline;color:black;}
#conteneur{background-color: #fefefe/*#fbfbfb#F3F3F3*/;padding:0 0 0 0;margin:0 auto;}
#conteneur_top{background:url(themes/bkg_top.png) repeat-x top left;
               _padding:0 0 0 8%;
               margin:0 auto;}
/*Le probleme ici est que la margin: auto; ne marche pas sur internet explorer du
coup j'utilise le padding:0 0 0 8%;dans conteneur top'*/
#conteneur_top_in{width: 1200px;/*margin: 0 auto;position: relative;*/margin:0 auto;}
#top{background: url(themes/haut.png) no-repeat top left;width:1200px;height:16px;}
#ban{width:1200px;height:88px;}
#ban_l{background: url(themes/ban_left.png) no-repeat top left;width:117px;height:88px;float:left;}
#ban_m{width:966px;height:88px;float:left;}
#logo{background: url(themes/logo.png) no-repeat top left;width:360px;height:88px;float:left;}
#ban_reste{background: url(themes/ban_middle.png) no-repeat top left;width:606px;height:88px;float:left;}
#ban_r{background: url(themes/ban_right.png) no-repeat top right;width:117px;height:88px;float:left;}
/*MENU-----------------------------------------------------------------------------------------------*/
#menu{width:1200px;height:43px;background-color:#444444; }
#menu_l{background: url(themes/menu_left.png) no-repeat top left;width:117px;height:43px;float:left;}
#menu_m{background: url(themes/menu_middle.png) no-repeat top left;width:966px;height:43px;float:left;}
#menu_r{background: url(themes/menu_right.png) no-repeat top right;width:117px;height:43px;float:left;}
#menu ul{height:43px;margin:0 0 0 53px;padding:0;}
#menu ul li{list-style:none;float:left;height:43px;width:100px;display:block;margin-left:20px;/*padding:0;*/}
#menu ul li a{display:block;font-size:14px;font-family:"DroidSerifItalic",Verdana, Helvetica, sans-serif;
              text-align:center;text-decoration:none;line-height:43px;color:#FFFFFF;}
#menu ul li .item:hover{background: url(themes/menu_bouton2.png) no-repeat top left; height:35px;line-height:35px;margin-top:8px;text-decoration: none;}
#menu ul li a:active{background: url(themes/menu_bouton1.png) no-repeat top left; height:35px;line-height:35px;margin-top:8px;text-decoration: none;}
#menu ul li a:focus{background: url(themes/menu_bouton1.png) no-repeat top left; height:35px;line-height:35px;margin-top:8px;text-decoration: none;}
/*END MENU-----------------------------------------------------------------------------------------------*/
/*MIDDLE-----------------------------------------------------------------------------------------------*/

#middle{width:1200px;}
#left_side{background-color:#f9f9f9;width:117px;height:418px;float:left;}
#carrousel_l{background: url(themes/carrousel_left.png) no-repeat top left;width:117px;height:282px;}
#thumbs_l{background: url(themes/thumbs_left.png) no-repeat top left;width:117px;height:136px;}
#right_side{background-color:#f9f9f9;width:117px;height:418px;float:left;}
#carrousel_r{background: url(themes/carrousel_right.png) no-repeat top right;width:117px;height:282px;}
#thumbs_r{background: url(themes/thumbs_right.png) no-repeat top right;width:117px;height:136px;}
#corps{background-color:#ffffff;width:966px;/*height:418px;*/float:left; margin-bottom:0px;}
#corps_in{min-height: 800px;}
#carrousel{background: url(themes/carrousel_middle.png) no-repeat top left;width:966px;height:279px;padding-top:3px;}
#thumbs{background: url(themes/thumbs_middle.png) no-repeat top left;width:966px;height:136px;/*margin-right: 400px;*/}
#thumbs_in{margin-left: 10px;margin-right: 0px;float: left;/*width:650px;*/}
#fleche_left{background: url(themes/fleche_left.png) no-repeat top left;width:35px;height:43px;margin-left: 120px;margin-top: 32px;float: left;}
a #fleche_left,a #fleche_left{text-decoration: none;}
a:hover #fleche_left{background: url(themes/fleche_left_hover.png) no-repeat top left;text-decoration: none;}
a:hover #fleche_right{background: url(themes/fleche_right_hover.png) no-repeat top left;text-decoration: none;}
#fleche_right{background: url(themes/fleche_right.png) no-repeat top left;width:35px;height:43px;/*margin-right: 400px;*/margin-top: 32px;float: left;}
.sub_carrousel{background: url(themes/sub_carrousel.png) no-repeat top left;width:966px;height:20px;}/*ruban vert sous menu*/
.sub_carrouselPF{background: url(themes/sub_carrousel.png) no-repeat top left;width:966px;height:30px;}/*ruban vert sous menu pour portfolio*/
.main_padding{padding:10px 20px 10px 20px;_padding:15px 20px 0px 20px;/*line-height: 18px;*/}
.block_complement{color: white;}
/*idée force: quand on est à la fin des enregistrements sur fleche droite on affiche fleche gauche(hover) pour montre le retour à l'utilisateur'
d'ou l'ajout des id #nothing_left et #nothing_right''*/
#nothing_left{background: url(themes/fleche_left_hover.png) no-repeat top left;text-decoration: none;
              width:35px;height:43px;margin-left: 120px;margin-top: 32px;float: left;}
#nothing_right{background: url(themes/fleche_right_hover.png) no-repeat top left;text-decoration: none;
               width:35px;height:43px;/*margin-right: 400px;*/margin-top: 32px;float: left;}

#others{/*background-color:#ff9955;*/width: 966px;margin-bottom:20px;}
/*LINKS--------------------------------------------------------------------------------------------------------*/
.others_titre{display: block;color:#0669b2;font-size:24px;line-height:24px;margin-left: 10px;margin-top:20px ; float:left;}
#links{background-color:#ffffff ;width: 292px;/*padding: 0 4px;height:400px;*/margin-left:22px;float:left;}
#links_haut{height:50px;}
#links_icon{background: url(themes/links_icon.png) no-repeat top left;width:36px;height:41px;float: left;}
#links_uline{display: block;background: url(themes/links_uline.png) no-repeat top left;width:182px;height:3px;margin-left: 46px;}
#links_bas{margin-top: 5px;}

.links_item{background: url(themes/article_fond.png) no-repeat top left;width:290px;height:24px;margin-bottom:2px; }
.link_icon{display: block;background: url(themes/link_icon.png) no-repeat top left;width:14px;height:22px;float: left;}
.link{display: block;color:#3f3f3f;margin-left: 20px;line-height: 22px;}
.link a:hover{text-decoration:underline; color:#006600;}
.link a:active{text-decoration:none;color:#006600;}
.link a:focus{/*color:#3f3f3f;*/}
.link a:visited{/*color:#060;*/color:#3f3f3f;}
/*END LINKS BEGIN ARTICLES-------------------------------------------------------------------------------------*/
#articles{background-color:#ffffff ;width: 292px;/*padding: 0 4px;height:400px;*/margin-left:20px;float:left;}
#articles_haut{height: 50px;}
#articles_icon{background: url(themes/articles_icon.png) no-repeat top left;width:36px;height:41px;float: left;}
#articles_uline{display: block;background: url(themes/articles_uline.png) no-repeat top left;width:239px;height:3px;margin-left: 46px;}
#articles_bas{margin-left:2px; }
.articles_item{background: url(themes/article_fond.png) no-repeat top left;width:288px;height:92px;}
.articles_item .image{/*background: url(themes/article_img.png) no-repeat top left;*/width:118px;height:82px;margin:4px 4px;float: left;}
.articles_item .titre{/*background-color:#ffccff;*/width:150px;height:50px;float: left;margin-top:4px;line-height:14px; padding:4px 4px; }
.articles_item .bouton{background: url(themes/article_bouton.png) no-repeat top left;width:102px;height:24px;float: left;margin-bottom: 4px;
                       margin-left:26px; }
.articles_item .bouton a span{display: block;height:24px; font-size:11px;font-style:italic;line-height:24px;color: white;text-align: center;}
.articles_item .bouton a{text-decoration:none;}
.articles_item .bouton a:hover span{background: url(themes/article_bouton_hover.png) no-repeat top left;width:102px;height:24px; }
/*END ARTICLES BEGIN FCBK----------------------------------------------------------------------------------------*/
#fcbk{background-color:#ffffff ;width: 292px;/*padding: 0 4px;height:400px;*/margin-left:20px;float:left;}
#fcbk_haut{height: 50px;}
#fcbk_icon{background: url(themes/fcbk_icon.png) no-repeat top left;width:36px;height:41px;float: left;}
#fcbk_uline{display: block;background: url(themes/articles_uline.png) no-repeat top left;width:239px;height:3px;margin-left: 46px;}
#fcbk_bas{/*background: url(themes/fcbk_img.png) no-repeat top left;*/width:286px;height:293px;float: left;}
/*independant de fcbk sur le home cad k'on le trouve partout'*/
#fcbk_like{width: 270px;height:30px;margin-top: 212px;/*background-color: #Ff0000;*/ }
/*END MIDDLE------------------------------------------------------------------------------------------------------*/

#conteneur_bottom{background:url(themes/bkg_bottom.png) repeat-x top left;_padding:0 0 0 8%;margin:0 auto;}
#foot{width: 1200px;height:184px;background-color:#006aff;margin:0 auto; }
#foot_l{background: url(themes/foot_left.png) no-repeat top left;width:117px;height:184px;float:left;}
#foot_m{background: url(themes/foot_middle.png) no-repeat top left;width: 966px;height:184px;float:left;}
#foot_m p,#foot_m span{color:#dadada;/*font-family: DroidSerifItalic;*/font-style: italic; }
#presentation{width: 300px;height: 140px; margin:10px 10px; float:left;}
#pres_logo{display: block;background: url(themes/presentation_logo.png) no-repeat top left;width:106px;height:25px;margin-bottom:10px;}
#presentation p{margin:0 0 0 0;}
#twitts{width: 300px;height:140px;margin:10px 10px;float:right;}
#twitts_logo{display: block;background: url(themes/twitts.png) no-repeat top left;width:135px;height:16px;margin-bottom:10px; }
.twitts_item{}
.apostr_haut{display: block;background: url(themes/apostr_haut.png) no-repeat top left;width:16px;height:12px;}
.twitts_item p{margin: 0 0 0 0;font-size:11px; }
.twitts_item p a{color: #ffccff; }
.apostr_bas{display: block;background: url(themes/apostr_bas.png) no-repeat top left;width:16px;height:12px;margin-left:280px; }
#foot_bas{background: url(themes/foot_bas.png) no-repeat bottom left;width: 966px;height:24px; }
#foot_bas span{font-style: italic;text-align:center;line-height:24px;display: block;  }
#foot_r{background: url(themes/foot_right.png) no-repeat top right;width:117px;height:184px;float:left;}
.point{text-decoration:none;color:#F9F9F9;}
.point:hover{text-decoration:none;color:#000000;cursor: text; }
/*EXTRA----------------------------------------------------------------------------------------------------------------*/
.pagination{font-size:18px;margin-bottom:10px;}