*{
margin:0;
padding:0;
outline:0;
cursor:url('../normal.cur'), auto;
}
/*
=======================================================
	Tags & main classes
=======================================================
*/
html{
}
body{
font-size:12px;
line-height:1.3;
font-family:Arial, Helvetica, Sans-Serif;
color:#e0e0e0;
background:#11151b url(images/body.jpg) center 606px repeat;
cursor:url(../normal.cur), move;
cursor:normal;
cursor:-moz-normal;
}
/* Links */
a{
color:#009dff;
text-decoration:none;
cursor:pointer;
}
a:hover{
text-decoration:underline;
}
a img{
border:0;
cursor:pointer;
}
/* titre */
h1{
font-size:20px;
}
h2{
font-size:18px;
}
h3{
font-size:15px;
}
/* Forms */
input, textarea, select{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
textarea{
overflow:auto;
background:transparent;
border:0px;
}
/* Clears and floats */
.cl{
display:block;
height:0;
font-size:0;
line-height:0;
text-indent:-4000px;
clear:both;
}
.notext{
font-size:0;
line-height:0;
text-indent:-4000px;
}
.left, .alignleft{
float:left;
display:inline;
}
.right, .alignright{
float:right;
display:inline;
}
/* Others */

.last{
border-bottom:0 !important;
border-right:0 !important;
margin-right:0 !important;
margin-bottom:0 !important;
}
.button-live{
width:95px;
height:24px;
font-size:0;
line-height:0;
text-indent:-4000px;
float:left;
background:url(images/visitlive.png);
}
/*
=======================================================
	Shells & Wrappers
=======================================================
*/

#wrapper{
background:url(images/wrapper-top.jpg) center top repeat-x;
}
.wrapper-bg{
background:url(images/wrapper-bg.jpg) center top no-repeat;
}
#shell{
width:960px;
margin:0 auto;
padding:0 10px 30px 10px;
}
/*
=======================================================
	Header
=======================================================
*/

/* Basics */
#header{
padding:12px 10px 10px 10px;
}
/* Logo */
#logo{
font-family:Georgia, "Times New Roman", Sans-Serif;
font-style:italic;
font-weight:normal;
}
#logo{
font-size:40px;
line-height:44px;
float:left;
display:inline;
}
#logo a{
color:#fff;
text-shadow:#000 -1px 2px;
text-decoration:none;
}
/* Navigation */
#navigation{
float:right;
display:inline;
padding:18px 7px 0 0;
}
#navigation ul{
list-style:none;
}
#navigation ul li{
float:left;
padding-left:47px;
height:16px;
line-height:16px;
}
#navigation ul li a{
color:#b1b4bb;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
#navigation ul li a.active,
#navigation ul li a:hover{
color:#00d2ff;
}
/*
======================================================
	Slider
======================================================
*/
#slider{
background:#181818 url(images/slider.png) 0 0 no-repeat;
width:934px;
position:relative;
margin:0 -1px 10px;
height:433px;
overflow:hidden;
padding:0 14px;
}
#slider .jcarousel-clip{
width:934px;
height:433px;
overflow:hidden;
position:relative;
}
#slider ul{
list-style:none;
height:433px;
position:relative;
}
#slider ul li{
float:left;
width:894px;
height:312px;
padding:45px 13px 46px 27px;
}
/* Slider Image */
#slider .image{
float:left;
width:527px;
position:relative;
z-index:9;
}
#slider img{
width:527px;
height:338px;
}
/* Slider Data */
#slider .data{
float:right;
width:310px;
padding:0 39px 0 0;
}
h2{
font-size:24px;
line-height:26px;
padding-bottom:10px;
color:#fff;
}
#slider .data p{
line-height:15px;
padding-bottom:14px;
}
/* Jcarousel Stuff */
.jcarousel-prev,
.jcarousel-next{
height:132px;
position:absolute;
top:136px;
z-index:10;
cursor:pointer;
}
.jcarousel-prev{
background:url(images/slider-arrow-prev.png);
width:54px;
left:11px;
}
.jcarousel-next{
background:url(images/slider-arrow-next.png);
width:56px;
right:11px;
}
/* page body */

#body{
background:#181818 0 0 no-repeat;
width:934px;
position:relative;
margin:0 -1px 10px;
min-height:433px;
overflow:hidden;
padding:14px;
text-align:center;
}
h1{
text-align:center;
font-size:30px;
color:#00d2ff;
}
/*
======================================================
	page Portfolio
======================================================
*/
#body .center{
width:830px;
position:relative;
margin-left:50px;
min-height:433px;
overflow:hidden;
}
#body .center .list_site{
cursor:pointer;
width:246px;
height:156px;
border:5px solid grey;
margin:10px;
float:left;
}
#body .center .list_site img{
width:246px;
height:156px;
}
#body .center .list_site a{
width:246px;
height:156px;
}
#body .center .list_site span{
width:216px;
height:46px;
background:rgba(0,0,0,.9);
padding:15px;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
/*box-shadow*/
-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
   -moz-box-shadow:0 0 2px rgba(0,0,0,.5);
        box-shadow:0 0 2px rgba(0,0,0,.5);
/*transition*/
-webkit-transition:all .25s;
   -moz-transition:all .25s;
     -o-transition:all .25s;
        transition:all .25s;
opacity:0;
position:absolute;
margin-top:-80px;
/*transform*/
-webkit-transform:scale(0) rotate(-12deg);
   -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotate(-12deg);
     -o-transform:scale(0) rotate(-12deg);
        transform:scale(0) rotate(-12deg);
margin-left:-123px;
}
#body .center .list_site span:hover{
opacity:1;
}
#body .center .list_site a:hover + span, a:focus + span{
opacity:1;
/*transform*/
-webkit-transform:scale(1) rotate(0);
   -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotate(0);
     -o-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0);
}
#body .center .list_site .km_lienadmin{
float:right;
position:absolute;
}
#body .center .list_site .km_lienadmin img{
height:20px;
width:auto;
}
#body .center .list_site .km_lienadmin{
opacity:0;
}
#body .center .list_site:hover .km_lienadmin{
opacity:1;
}
/*
======================================================
	page CV
======================================================
*/
#body .cvright{
margin-top:10px;
margin-bottom:10px;
/*border-radius*/
-webkit-border-radius:0 20px 20px 0;
   -moz-border-radius:0 20px 20px 0;
        border-radius:0 20px 20px 0;
border:2px solid blue;
width:50%;
height:200px;
float:right;
}
#body .cvleft{
margin-top:10px;
margin-bottom:10px;
/*border-radius*/
-webkit-border-radius:20px 0 0 20px;
   -moz-border-radius:20px 0 0 20px;
        border-radius:20px 0 0 20px;
border:2px solid blue;
width:49%;
line-height:30px;
height:200px;
float:left;
text-align:center;
}
#body .cvbas{
width:100%;
}
/*
======================================================
	page de connection admin
======================================================
*/

#ninicaree{
width:400px;
min-height:60px;
border:2px solid rgb(51, 140, 182);
margin:auto;
margin-top:100px;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
}
/*
======================================================
	page de pannel admin
======================================================
*/

#panelbody{
background:#181818 url(images/slider.png) 0 0 no-repeat;
width:934px;
position:relative;
margin:0 -1px 10px;
height:433px;
overflow:hidden;
padding:0 14px;
}
#panelbody #centrepannel{
margin:auto;
position:relative;
display:table;
margin-top:50px;
width:400px;
}
#panelbody #centrepannel .icopannel{
}
#panelbody #centrepannel .lienpannel{
}
#panelbody #centrepannel ul{
margin:auto;
display:table;
width:100%;
}
#panelbody #centrepannel li{
display:inline-block;
padding:5px;
}
/*
======================================================
	commentaire billet
======================================================
*/

#body .commentaire{
margin-top:10px;
margin-bottom:10px;
width:920px;
min-height:100px;
background-color:#00d2ff;
border:2px solid blue;
overflow:hidden;
padding:2px;
}
#body .commentaire .left{
width:188px;
min-height:100px;
background-color:#00d2ff;
border-right:2px solid OrangeRed;
float:left;
margin-bottom:1px;
}
#body .commentaire .right{
width:725px;
min-height:100px;
background-color:#00d2ff;
float:right;
}
#body .commentaire .left p{
text-align:center;
color:white;
word-wrap:break-word;
}
#body .commentaire .right p{
text-align:center;
color:white;
word-wrap:break-word;
}
#body .commentaire p{
overflow:hidden;
top:50%;
}
/* commentaire post */
#body .post{
width:920px;
min-height:150px;
border:2px solid OrangeRed;
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(30,87,153,1),0),color-stop(rgba(30,87,153,0.96),0.2),color-stop(rgba(41,137,216,0.9),0.5),color-stop(rgba(30,87,153,0.84),0.8),color-stop(rgba(30,87,153,0.8),0.99),color-stop(rgba(30,87,153,0),1));
background:-webkit-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(30,87,153,0.96) 20%, rgba(41,137,216,0.9) 50%, rgba(30,87,153,0.84) 80%, rgba(30,87,153,0.8) 99%, rgba(30,87,153,0) 100%);
background:   -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(30,87,153,0.96) 20%, rgba(41,137,216,0.9) 50%, rgba(30,87,153,0.84) 80%, rgba(30,87,153,0.8) 99%, rgba(30,87,153,0) 100%);
background:     -o-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(30,87,153,0.96) 20%, rgba(41,137,216,0.9) 50%, rgba(30,87,153,0.84) 80%, rgba(30,87,153,0.8) 99%, rgba(30,87,153,0) 100%);
background:        linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(30,87,153,0.96) 20%, rgba(41,137,216,0.9) 50%, rgba(30,87,153,0.84) 80%, rgba(30,87,153,0.8) 99%, rgba(30,87,153,0) 100%);
/* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,0.96)), color-stop(50%,rgba(41,137,216,0.9)), color-stop(80%,rgba(30,87,153,0.84)), color-stop(99%,rgba(30,87,153,0.8)), color-stop(100%,rgba(30,87,153,0)));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
background:   -moz-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
background:     -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
background:        linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/*@@prefixmycss->No equivalent*/
background:-webkit-linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
background:   -moz-linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
background:     -o-linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
background:        linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0) 100%);
/* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#001e5799',GradientType=0 );
/* IE6-9 */
:;
}
#body .post .left{
width:188px;
min-height:150px;
background-color:transparent;
border-right:2px solid blue;
float:left;
}
#body .post .right{
width:730px;
min-height:150px;
background-color:transparent;
float:right;
}
#body .post .left p{
text-align:center;
color:white;
word-wrap:break-word;
}
#body .post .right p{
text-align:center;
color:white;
word-wrap:break-word;
}
#body .post p{
overflow:hidden;
top:50%;
}
#body   .texte{
width:730px;
min-height:150px;
max-width:730px;
}
/*
======================================================
	Intro
======================================================
*/

#intro{
background:#212121;
margin-bottom:10px;
padding:9px 9px 7px 9px;
height:100%;
overflow:hidden;
}
#intro .avatar{
float:left;
width:77px;
border:2px solid #101419;
}
#intro .avatar img{
border:1px solid #4b4b4b;
}
#intro .cnt{
float:right;
width:856px;
padding:3px 0 0 0;
}
h4{
font-size:14px;
color:#00d2ff;
line-height:16px;
padding-bottom:3px;
}
#intro .cnt p{
color:#afafaf;
line-height:15px;
width:832px;
letter-spacing:0.3px;
}
/*
======================================================
	Main
======================================================
*/
#main{
background:#181818;
margin-bottom:10px;
padding:10px 9px;
}
/* Box */
.box{
float:left;
background:url(images/content-bg.gif) left top repeat-y;
}
.box .box-top{
background:url(images/content-top.gif) left top no-repeat;
width:940px;
}
.box .box-bottom{
background:url(images/content-bottom.gif) left bottom no-repeat;
padding:21px 22px 20px 22px;
overflow:hidden;
width:895px;
}
/* Content */
#content{
width:938px;
}
/* Sidebar */
#sidebar{
width:356px;
float:right;
}
#sidebar{
background-image:url(images/sidebar-bg.gif);
}
#sidebar .box-top{
background-image:url(images/sidebar-top.gif);
}
#sidebar .box-bottom{
background-image:url(images/sidebar-bottom.gif);
padding:15px;
height:212px;
}
/* Blog Posts */
.blog-posts ul{
list-style:none;
}
.blog-posts ul li{
padding-bottom:11px;
background:url(images/blogroll-border.gif) center bottom no-repeat;
margin-bottom:10px;
}
.blog-posts ul li.last{
background:none;
}
.blog-posts ul li p{
line-height:15px;
}
h3{
font-size:16px;
color:#fff;
line-height:18px;
padding:6px 0 8px 57px;
height:35px;
background:url(images/bubble.png) left top no-repeat;
}
h5{
font-size:13px;
line-height:15px;
color:#009dff;
padding-bottom:4px;
}
h5 a{
color:#009dff;
text-decoration:none;
}
h5 a:hover{
text-decoration:underline;
}
/* Site Links */
.site-link{
width:254px;
float:left;
margin-left:30px;
position:relative;
}
.site-link img{
width:246px;
height:156px;
border:5px solid #000;
border-right-size:4px;
border-left-size:4px;
}
.site-link .bubble{
display:block;
position:absolute;
top:106px;
left:0;
height:43px;
}
.site-link .bubble{
overflow:hidden;
background:url(images/site-link-bubble.png);
font-size:12px;
font-weight:normal;
color:#fff;
padding:12px 4px 0 9px;
line-height:14px;
width:233px;
margin-left:5px;
}
.site-link .bubble strong{
display:block;
font-size:14px;
font-weight:bold;
}
.site-link .button-live{
margin-top:11px;
}
/*
======================================================
	Page contact
======================================================
*/
#contact{
width:70%;
height:565px;
border:3px solid blue;
margin-left:15%;
}
#contact .haut{
width:100%;
height:400px;
border-bottom:3px solid red;
background-color:#1E7FCB;
}
#contact .bas{
width:100%;
height:162px;
background-color:#0131B4;
}
/*
======================================================
  page Article
======================================================
*/
#ArticleTitre{
  margin-bottom: 20px;
}
#ArticleCorp #ArticleImg img{
max-width: 200px;
max-height: 200px;
float: left;
}
/*
======================================================
	Footer
======================================================
*/

#footer{
background:#212121;
padding:14px 20px;
}
#footer p{
font-size:14px;
text-align:center;
line-height:14px;
color:#4a4a4a;
text-transform:uppercase;
font-weight:bold;
}
#footer a{
color:#4a4a4a;
}