body {
	background-color: #DBDCDE;
	color:#000;
	font-family: verdana,arial;
	font-size: 12px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}

a {text-decoration:none;color:#FF9300;}
a:hover {text-decoration:underline;color:#FF9300;}

#conteneur {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	background-image: url(images/fond_central.jpg);
}


.header {
	background: url(images/header.jpg) no-repeat;
	height: 151px;
	width: 1000px;
}


#barre_menu_haut {
	background: url(images/menu_haut.jpg) #DBDCDE no-repeat;
	height: 36px;
	width: 1000px;
	text-align: right;
	padding-top: 8px;
}

#barre_menu_haut a{
        color:#fff;
        font-weight:bold;
}

.icone_menu_haut {
	float: right;
	background: url(images/milieu.jpg) no-repeat;
	height: 28px;
	width:131px;
	padding-top:3px;
}

.icone_menu_haut a, .icone_menu_haut_droite a{
        margin-right:44px;
}

.icone_menu_haut_droite {
	float: right;
	background: url(images/droite.jpg) no-repeat;
	height: 28px;
	width:125px;
	padding-top:2px;
}


#menu {
	width: 214px;
	color: #AD7FA8;
	font-weight: normal;
	float: left;
	padding-left: 15px;
	font-size: 14px;
}


#contenu_site {
	width: 761px;
	float: left;
	padding:0px 0 0 10px;
}

.contenu_site {
	clear: both;
	width: 720px;
	color: #326AA3;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 20px;
	padding:0 10px 5px 5px;
	text-align:left;
}

#conteneur_central {
	width: 1000px;
	background-repeat: no-repeat;
	text-align: left;
	background-image: url(images/fond_central_haut.jpg);
}


#footer {
	height: 50px;
	width: 1000px;
	clear: both;
	background-image: url(images/footer_fond.jpg);
}


#footer_gauche {
	background-image: url(images/footer_gauche.jpg);
	width: 237px;
	height: 50px;
	float: left;
}


#footer_droit {
	background-image: url(images/footer_droit.jpg);
	background-position: right top;
	height: 50px;
	width: 24px;
	background-repeat: no-repeat;
	float: left;
}


#footer_conteneur {
	float: left;
	width: 739px;
	text-align: center;
	font-size: 12px;
	color: #FF9300;
padding-top:6px;
}

#footer_conteneur img {
vertical-align:middle;
}

#footer_conteneur a,#footer_conteneur a:hover {color:#95B8E3;font-weight:bold;}

#footer_conteneur a:hover {color:#FFFFFF;text-decoration:none;}

#chemin_page {
	width: 90%;
	font-weight: bold;
	color: #043586;
	font-size: 13px;
	margin-left: 35px;
	height: 30px;
	margin-bottom: 20px;
clear:both;
}

#chemin_page img {
vertical-align:middle;
}

#chemin_page a{
	color: #043586;
}


#chemin_page a:hover{
	color: #4787C7;
	text-decoration:none
}

#pub{
	width:160px;
	height:600px;
	margin-left:25px;
	margin-top:5px;
}

#moteurRecherche{
        padding-top:0px !important;
        padding-top:10px;
        margin-top:0;/*-15px;*/
        float:left;
}

#ajaxSearch_input {
        border: 1px solid #9aafe5;
        text-decoration: none;
        color: #2e6ab1;
        padding-left:3px;
}

#ajaxSearch_input:focus{
        border:1px solid;
        border-color:#002276 #4A5F9A #4A5F9A #002276;
        background-color:#EBF5FF;
}

#ajaxSearch_submit {
        border: 1px solid #9aafe5;
        text-decoration: none; 
        color: #2e6ab1;
}

#ajaxSearch_output {}

#logo{
        padding-top:0px;
        padding-left:40px;
        font-size:25px;
        font-weight:bold;
        width:377px;
        height:136px;
        position:absolute;
}

#logo a, #logo a:hover{
        color:#4787C7;
        text-decoration:none;
}

#partenaire{
        margin-left:17px;
        width:160px;
        font-size:12px;
padding-top:20px;
}

#partenaire ul a, #partenaire ul a:hover {
color:#FFFFFF;
font-size:1em;
font-weight:bold;
}

#partenaire .titre {
text-align:right;padding-right:10px;border-bottom:1px solid #CFE1AC;color:#A7C04A;font-family:Trebuchet MS;font-size:140%;width:100%;padding-left:20px;font-weight:normal;
}

#partenaire ul {
padding-left:15px;
}

.contact{
        margin-left:15%;
        width:70%;
        border : 1px solid black;
        text-align:justify;
}

/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */
	
#menu4 {
        border-style: none solid none solid;
	border-color: #D76100;
	border-size: 1px;
	border-width: 1px;
        margin:-3px 0 0 0;
	padding-right:14px;
}
        
#menu4 ul{
        list-style: none;
        margin:0;
        padding:0;
}
        
#menu4 li{
        display:block;
        float:right;
        width:194px;
        text-align:left;
}
	
#menu4 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #9E3C02;
	display: block;
	background: url(images/menu4.gif);
	padding: 8px 0 0 30px;
}
	
#menu4 li a:hover {
        border-top:#90C027 4px solid;
        margin-top:-4px;
	color: #fff;
	background: url(images/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
}
	
#menu4 li a:active {
	color: #fff;
	background: url(images/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
}

.jadria{
        background:url(images/easymoblog.png) no-repeat;
        width : 300px;
        margin : -201px 0 0 0;
}

.headjadria{
        height:16px;
}

.headjadria h4 a{
        margin-left:40px;
        color:#ff9342;
	font-size:15px;
	font-weight:bold;
}

.headjadria h4 a{
        text-decoration:none;
}

.jadria ul{
        list-style:none;
}

.jadria li{
        background:url(images/puce-verte.gif) 0 5px no-repeat;
        font-size:7.5pt; 
        margin-top:5px; 
        margin-bottom:5px;
        margin-left:-10px; 
        padding-left:10px;
}

.jadria li a{
        color:#536E9C; 
        text-decoration:none; 
        font-weight:bold;
}

.jadria li a:hover{
        color:#2395DD;
}

.lien-suite-bloc{
        background:url('images/puce-jaune.gif') left center no-repeat; 
        display:block; 
        float:right;
        padding-left:10px; 
        margin-right:10px; 
        margin-top:1px; 
        font-variant:small-caps; 
        text-decoration:none; 
        font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; 
        color:#3B678E; 
        font-size:9pt; 
        font-weight:bold;
}

.rubMenu{
        width:700px;
        margin:0 auto;
        padding:0;
        }

.rubMenu .hautMenu{
        height:28px;
        width:100%;
}

.rubMenu .hautMenu .hautMenuGauche{
        height:100%;
        width:6px;
        background:url(images/menu_gauche.gif) no-repeat;
        float:left;
}
.rubMenu .hautMenu .hautMenuCentre{
        height:100%;
        width:688px;
        background:url(images/menu_centre.gif) repeat-x;
        float:left;
        padding-top:1px;
        color:#000000;
	font-size:19px;
	font-weight:bold;
	text-align:center;
}
.rubMenu .hautMenu .hautMenuDroite{
        height:100%;
        width:6px;
        background:url(images/menu_droite.gif) no-repeat;
        float:left;
}

.rubMenu .MenuCentre{
        border: none; 
        border-left: solid 1px #C5CFD0;
        border-right: solid 1px #C5CFD0;
        margin:0 1px 0 1px;
        background:#F5F5F5;
        padding:10px;
}

.rubMenu .MenuCentre a, .rubMenu .MenuCentre a:hover{
        color:#FF9300;
}

.rubMenu .basMenu{
        height:28px;
        width:100%;
        margin:0;padding:0;
}

.rubMenu .basMenu .basMenuGauche{
        height:100%;
        width:6px;
        background:url(images/menu_gauche_bas.gif) no-repeat;
        float:left;
}
.rubMenu .basMenu .basMenuCentre{
        height:100%;
        width:689px;
        background:url(images/menu_centre_bas.gif) repeat-x;
        float:left;
        margin-left:-1px;
        
}
.rubMenu .basMenu .basMenuDroite{
        height:100%;
        width:6px;
        background:url(images/menu_droite_bas.gif) no-repeat;
        float:left;
}

.box{
                float: left;
                margin: 0 auto;
                margin-left:55px;
                margin-bottom:20px;
                width: 281px;
                height:141px;
                background:url(images/box_intro.gif) no-repeat;
            }
            
            .box .imageComp{
                float:left;
                width:68px;
                height:68px;
                background:url(images/keyboard.png);
                margin: 35px 15px auto 15px;
            }
            
            .box .imageCV{
                float:left;
                width:68px;
                height:68px;
                background:url(images/network.png);
                margin: 35px 15px auto 15px;
            }
            
            .box .imageReal{
                float:left;
                width:68px;
                height:68px;
                background:url(images/table.png);
                margin: 35px 15px auto 15px;
            }
            
            .box .text{
                float:left;
                width:170px;
                height:100px;
                padding-top:20px;
                font-size:11px;
                font-family:Century Gothic;
            }
            
            .box .text span a{
                margin:10px;
                color:#FF9300;
                font-size:14px;
                font-weight:bold;
                text-decoration:none;
            }
            
            .box .text span a:hover{
                text-decoration:underline;
            }
/* CSS des cadres contenant les jeux fait en Haxe */
.cadreJeu {
	margin: 0 auto;
	width:95%;
	border:1px dashed #4C4C4C;
	padding: 10px;
}

.cadreJeu .texte {
	float:left;
	width:50%;
}

.cadreJeu a{
	color:#A7C04A;
}

.cadreJeu a:hover{
	color:#A7C04A;
	text-decoration:underline;
}

.cadreJeu .gras{
	font-weight:bold;
}

.cadreJeu .titre{
	font-size:13pt;
}

.cadreJeu .titre  a{
	color:#043586;
}

.cadreJeu .titre  a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#043586;
}

.cadreJeu .version{
	margin-bottom:5px;
}

.cadreJeu .description{
	margin-bottom:5px;
}

.cadreJeu .image {
	float:right;
	width:45%;
text-align:center;
}

.cadreJeu .image img{	
	border:2px solid #A7C04A;
}

.cadreJeu .specif{
	
}

/* fin CSS jeux */

.console{
        background:url(images/fondJeu.png) no-repeat; 
        width : 500px;
        height : 360px;
        margin: 0pt auto;
}

.console .jeux {
       width: 300px; 
       padding-left:100px;
       padding-top:31px;
}

/** new listing tuto **/
.tuto {
	border : 1px dotted grey;
	border-top : 3px solid #FF7800;
	margin-bottom : 5px;
	clear : both;
	min-height : 90px;
	padding : 5px;
}

.tuto .img {
	float : left;
	width : 100px;
	height : 75px;
	border : 1px hidden black;
	margin-right : 6px;
        text-align:center;
}

.tuto .titre {
	color : black;
	font-size : 11pt;
	text-align : center;
	margin-bottom : 2px;
}

.tuto .titre a,.tuto .titre a:hover { color:#0043AB;}

.tuto .difficulty {
	color : black;
	margin-bottom : 2px;
}

.tuto .difficulty span {
	font-weight : bold;
}

.tuto .description {
	font-size : 9pt;
}

.sommaire {
	border:1px dotted #336699;
        font-size:9px;
        width:250px;
        float : right;
        padding : 5px;
}

.sommaire span {
        font-size : 10px;
        font-weight : bold;
}

.sommaire a {
        color : #669900;
}

.sommaire a:hover {
        color : #669900;
}

/** Bloc des tutos**/
.bloc_tuto {
	color:#444444;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
padding-bottom : 10px;
}
.excrept_post {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #A3A09E;
	margin:0 0 15px;
}
.excrept_in {
	background:#FFFFFF url(images/body_bg.jpg) repeat-x scroll center top;
	border:1px solid #FFFFFF;
	overflow:hidden;
	padding:10px;
}
.thumbnail {
	background:#D2D2D2 none repeat scroll 0 0;
	border:1px solid #888888;
	float:left;
	height:75px;
	padding:5px;
	width:100px;
text-align:center;
}
.bloc_tuto a, .bloc_tuto a:visited {
	color:#194E84;
	font-size:12px;
	text-decoration:none;
}
.thumbnail img {
	border:medium none;
	text-decoration:none;
}
.the_excrept {
	background:transparent none repeat scroll 0 0;
	float:right;
	width:550px;
}
.the_excrept span a {
	font-size : 14px;
font-weight:bold;
padding-left:50px;
}
.bloc_tuto p {
margin:0;
	padding:10px 0;
}
.bloc_tuto .clear {
	clear:both;
}
.excrept_data {
	margin:3px 0;
	padding:2px 5px;
}
.excrept_left {
	color:#999999;
	float:left;
	font-family:"Times New Roman",Times,serif;
	font-size:18px;
	font-style:italic;
}
.excrept_right {
	float:right;
}
.excrept_but {
	background:#222222 url(images/but.jpg) repeat-x scroll 0 0;
	float:right;
	margin-right:5px;
	padding:4px 10px;
}
.excrept_but a, .excrept_but a:visited {
	color:#FFFFFF;
}

ul.portfolio_list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-20px;
margin-bottom:30px;
}

ul.portfolio_list li {
background:transparent url(images/tick-icon.png) no-repeat scroll left center;
margin-bottom:10px;
padding-left:23px;
}

/** pagination **/
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    padding: 2px 9.5px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
background:transparent url(images/pagination-back.png) no-repeat scroll -27px 0;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    padding: 2px 9.5px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
background:transparent url(images/pagination-back.png) no-repeat scroll 0;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
background-position:-27px 0;
}
#ditto_pages a.ditto_next_link, #ditto_pages a.ditto_previous_link {
background:none;
 border: 1px solid black;
}
#ditto_pages a:hover.ditto_next_link, #ditto_pages a:hover.ditto_previous_link {
 border: 1px solid black;
    background-color: #A7C04A;
color:#FFFFFF;
}
/** pagination **/

a.backToTop {
	background:transparent url(images/content_backToTop.jpg) no-repeat scroll right 0;
	clear:both;
	display:block;
	height:17px;
	margin-bottom:4px;
	text-decoration:none;
	width:100%;
}

a.backToTop:hover {
	background:transparent url(images/content_backToTop.jpg) no-repeat scroll right -17px;
	border:medium none;
}

/** blog **/
.blog_entry {
background:transparent url(images/post-top_bg.png) no-repeat scroll 0 0;
margin-bottom:50px;
padding:0;
width:720px;
}

.blog_entry .post-date p {
color:#2F2F2F;
font-size:15px;
font-weight:normal;
margin-bottom:3px;
margin-top:0;
padding-top:2px;
}

.blog_entry .post-date {
	color:#2F2F2F;
	float:left;
	font-size:31px;
	font-weight:bold;
	line-height:25px;
	padding-right:10px;
	text-align:center;
	text-transform:uppercase;
	width:64px;
}

.blog_entry .post-title {
	float:left;
	width:640px;
}

.blog_entry .post-title h2 {
	color:#0054A6;
	font-size:21px;
margin:0;
	margin-left:10px;
font-family:"Trebuchet MS";
}

.blog_entry .post-title h2 a {
color:#0054A6;
}

.blog_entry .post-title h3 {
color:#303030;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
margin-left:10px;
padding-bottom:5px;
}

.blog_entry .post-title h3 a {
color:#0072BC;
font-weight:bold;
}

.blog_entry .post-title h3.tags {
background:#E6E6E6 url(images/post-title_tags_bg.gif) repeat-x scroll left top;
color:#000000;
font-weight:bold;
padding-bottom:5px;
padding-left:5px;
padding-top:5px;
}

.blog_entry .entry {
line-height:20px;
padding:10px 5px 10px 6px;
margin:0 0 10px;
font-family:trebuchet MS;
font-size:13px;
}

.clear {
clear:both;
}

.blog_entry .postmetadata {
background:#F2F2F2 url(images/postmetadata_bg.gif) repeat-x scroll 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
height:31px;
margin-bottom:30px;
padding-bottom:2px;
border-color:-moz-use-text-color #C2C2C2 #C2C2C2;
border-style:none solid solid;
border-width:medium 1px 1px;
}

.blog_entry .postmetadata .alignleft {
padding-left:10px;
padding-top:8px;
float:left;
}

.blog_entry .postmetadata a {
background:transparent url(/assets/images/comment.png) no-repeat scroll 0 0;
color:#0054A6;
font-size:10px;
font-weight:bold;
line-height:19px;
padding-bottom:10px;
padding-left:22px;
}

.blog_entry .postmetadata .alignright {
padding-right:10px;
padding-top:8px;
float:right;
}

.blog_entry .entry div {
padding-left:10px;
padding-top:5px;
text-align:justify;
}

.blog_entry .entry img.present {
float: right;
margin-left: 15px;
}

.blog_entry .blog_bookmark{
margin-left:130px;
margin-top:8px;
float:left;
}

.blog_entry .blog_bookmark a { background : none;padding-left:5px; }

.blog_entry .blog_bookmark a img { opacity:.4;}
.blog_entry .blog_bookmark a:hover img { opacity:1;}

.blog_entry .post_bookmark a img { opacity:.4;}
.blog_entry .post_bookmark a:hover img { opacity:1;}

.blog_entry .post_bookmark {
margin-bottom:-8px;
margin-left:15px;
margin-top:-2px;
}
/** fin blog **/

/** categories tuto **/
.overviewTitle {
	margin:auto;
	-x-system-font:none;
	background:#EEEEEE none repeat scroll 0 0;
	color:#582613;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:88px;
	letter-spacing:0.1em;
	line-height:normal;
	margin-bottom:4px;
	margin-top:14px;
	padding:10px;
	text-transform:uppercase;
	width:95%;
}

.overviewNum {
	border-right:1px dotted #582613;
	color:#582613;
	float:left;
	font-size:3.5em;
	height:100%;
	padding-right:12px;
	width:45px;
}

.overviewTitle:hover {
	background:#DDDDDD none repeat scroll 0 0;
}

.overviewTitle .img { border: 1px solid rgb(88, 38, 19); width: 255px; height: 88px; float: left; margin-left: 10px; }

.overviewTitle img { height="88px"; width="255px"; }

.overviewTitle .desc {
border-left:1px dotted #582613;
float:left;
height:100%;
margin-left:10px;
padding-left:12px;
padding-top:3px;
text-align:left;
width:240px;
}

.overviewTitle .desc .resum {font-size: 0.8em; margin-top: 10px;}
/** fin categories tuto **/

#commentsAnchor h2 {
	background-color:#B5C905;
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px solid #80A800;
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal;
	margin:0 -12px 0 -25px;
	padding:10px 0 10px 50px;
	background-image:url(/assets/images/hAddcomm.gif);
}

#commentsAnchor input, #commentsAnchor textarea {
margin:auto;
width:100%;
}