/*
Theme Name: SECT-VRD
Description: Thème wordpress du site de la société SECT-VRD intégré par Damien QUEMARD
Version: 1.0
Author: Damien QUEMARD
*/

/* #Style Reset
================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0;
	font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
a{ text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }



/* #Wordpress Style
================================================== */
.alignleft, img.alignleft { float:left; margin: 5px 20px 20px 0px; }
.alignright, img.alignright { float:right; margin: 5px 0px 20px 20px; }
.aligncenter, img.aligncenter { display:block; margin: 5px auto; }
.alignnone, img.alignnone { margin: 5px 20px 20px 0; }
.wp-caption { text-align: center; padding: 8px 3px 5px;
	border-width: 1px; border-style: solid; background: #ffffff;  }
.wp-caption img { border: 0 none; padding: 0; margin: 0; max-width: 98.5%; width: auto; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
strong{font-weight:bold;}
em{font-style: italic;}

ul{
    list-style: none;
    padding:0;
    margin:0;
}

li { 
    padding-left: 15px; 
    padding-right: 15px;
}

li:before{
    content: "♦ ";
    font-size: 15px;
    color: #569800;
}

#content .colG li,
#header li,
#footer li,
.pagination li,
.ca-menu li
{
    padding-left: 0; 
    padding-right: 0;
}

#content .colG li:before,
#header li:before,
#footer li:before,
.pagination li:before,
.ca-menu li:before,
.cke_panel_list li:before
{
    content: "";
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 750px;
}

th {
    background-color: #cccccc;
    border: 1px solid #000;
    text-align: center;
}

td {
    border: 1px solid #000;
    padding: 2px 5px;

}

.alert {
    
    margin: 60px auto;
    width:300px;
    background-color:#9dc06f;
    color:#4d4d4d;
    padding: 10px 30px;
    text-align: center;
    
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright:16px;
    -moz-border-radius-bottomleft:16px;
    -moz-border-radius-bottomright:16px;
    -webkit-border-top-left-radius:16px;
    -webkit-border-top-right-radius:16px;
    -webkit-border-bottom-left-radius:16px;
    -webkit-border-bottom-right-radius:16px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;
}


/* #Paramètres généraux
================================================== */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px auto;
        min-width: 1040px;
	padding:0px;
	color:#4d4d4d;
        line-height:1.5;
        background-color:#DDDDDD;
        background-image:url(images/beige_paper.png);
        background-position:top center;
        background-repeat:repeat repeat;
        
        
}

a{ 
    color:#569800;
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

a:hover {
    text-decoration: underline;
    
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

.clear{
	clear:both;
}

.vert{
   color: #569800; 
}

p.normal{
    color : #4d4d4d;
}

p.arrow {
    background: url(images/arrow-small.png) no-repeat 0px 4px;
    padding-left : 15px;
}

.bold{
    font-weight:bold;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

h1{
    font-size: 34px;
    color:#4d4d4d;
    font-weight:bold;
}

h2{
    font-size: 26px;
    color:#4d4d4d;
    font-weight:bold;
}

h3{
    font-size: 20px;
    color:#4d4d4d;
    font-weight:bold;
}

h3.arrow{
    font-size: 20px;
    font-weight:bold;
    background: url(images/arrow.png) no-repeat 0px 4px;
    padding-left : 20px;
}

h4{
    font-size: 16px;
    color:#4d4d4d;
    font-weight:bold;
}

.tiret {
    background: url(images/tiret.png) no-repeat 0px 8px;
    padding-left : 20px; 
}

a.readmore {        

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    border:1px solid #dcdcdc;
    display:inline-block;
    font-size:13px;
    height:25px;
    width:auto;
    line-height:25px;
    padding: 2px 7px 2px 7px;
    text-align:center;
    color: #4d4d4d;
    margin-top:15px;
    float:right;

}
a.readmore:hover {
    background:none;
    background-color:#569800;
    color : #FFFFFF;
    text-decoration:none;
}

a.view_real{
    
    line-height:25px;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    
    background: url(images/table.png) no-repeat #dfdfdf 10px 5px;
    color:#7b7b7b;
    float:none;
    font-size:15px;
    margin: 50px auto 0px auto;
    border:1px solid #999;
    display:block;
    width: 300px;
    height:50px;
    font-weight: bold;
   
    padding: 2px 7px 2px 40px;
    text-align:center;
    -moz-box-shadow: 0px 5px 16px #5c5c5c;
    -webkit-box-shadow: 0px 5px 16px #5c5c5c;
    box-shadow: 0px 5px 16px #5c5c5c;


}

a.view_real:hover {
    background: url(images/table.png) no-repeat #569800 10px 5px;
    color: #FFF;
    text-decoration:none;

}

/* #Container #content
================================================== */

#container {
	width:100%;
	height:100%;
        min-width:1040px;
        margin:0 auto;
}

#content{
	width:1040px;
	margin:0 auto;
        min-width:1040px;
}

/* #Header (Logo + Navigation)
================================================== */


#header {
    height : 130px;
    position:relative;
    z-index:100;
            
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
        
    -moz-box-shadow: 0px 3px 12px #7b7b7b;
    -webkit-box-shadow: 0px 3px 12px #7b7b7b;
    box-shadow: 0px 3px 12px #7b7b7b;   
}

#header-content{
    width:1040px;
    height: 130px;
    margin:0 auto;
    min-width:1040px;
}

#header-logo{
    padding-top:12px;
    margin-left:10px;
}

.logo-img{
    float:left;
    margin-right:15px;
    height:105px;
    width:121px;
}

.logo-description{
    font-size:15px;
    float:left;
    margin-top:30px;
}

.page-content .logo-description{
	float:none;
}

.logo-title{
    font-weight:bold;
    font-size:24px;
}


/* #NAVIGATION
================================================== */

#header-navigation{
    float:right;
    margin-top:0px;
    margin-right:20px;
}

#header-navigation ul.menu{
    list-style-type: none;
}

#header-navigation ul.menu li{
    float:left;
    margin-left:15px;
    padding-top:10px;
    padding-left:15px;

}
#header-navigation ul.menu li:hover{
    background: url(images/menu-hover.png) no-repeat 0px 10px;
    
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

#header-navigation ul.menu li a{
    color:#4d4d4d;
    font-size:14px;
    text-align:left;
}

#header-navigation ul.menu li a:hover{
    text-decoration: none;
    color:#569800;
    
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

#header-navigation ul.menu li.current-menu-item{
    background: url(images/menu-hover.png) no-repeat 0px 10px;
    font-weight:bold;
    
}

#header-navigation ul.menu li.current-menu-item a, #header-navigation ul.menu li.current-menu-item a:hover{
    color:#569800;
}



/* #SEARCH
================================================== */

.recherche {
	height:28px;
	padding-top:13px;
        margin-right:20px;
        float:right;
}
.recherche form {
	background:url(images/recherche.png) no-repeat left top;
        width: 185px;
	height:24px;
}
.recherche .search_input {
	background:url(images/spacer.png) no-repeat left top;
	border:0px;
	width:120px;
	padding:5px 0px 0px 13px;
	color:#999;
	font-size:12px;
}
.recherche .search_submit {
	background:url(images/spacer.png) no-repeat left top;
	border:0px;
	width:35px;
}

.recherche .search_submit:hover {
        cursor:pointer
}

.titre_result {
	font-size:14px;
	font-weight:bold;
	padding:8px 0px 0px 12px;
	display:block;
}

.text_result p {
	margin:0px 0px 0px 12px;
}
.result {
	color:#999;
	margin:0px 0px 15px 0px;
	font-weight:bold;
}

.search_side_l{
    width:700px;
}

.search_side_l .pager{
    width:700px;
}

.search_side_l hr{
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}


.search_side_r{
    width:300px;
}

.search_result{
    width:670px;
}

.search_new{
    height:100px;
    background:#FFF;
    padding: 10px;
    
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright:16px;
    -moz-border-radius-bottomleft:16px;
    -moz-border-radius-bottomright:16px;
    -webkit-border-top-left-radius:16px;
    -webkit-border-top-right-radius:16px;
    -webkit-border-bottom-left-radius:16px;
    -webkit-border-bottom-right-radius:16px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;

    -moz-box-shadow: 6px 6px 9px #bcbcbc;
    -webkit-box-shadow: 6px 6px 9px #bcbcbc;
    box-shadow: 6px 6px 9px #bcbcbc;
    
}

.search_new h4{
    color:#569800;
    
}

.search_new form{
    margin-left:30px;
}

.search_read{
    margin-top:9px;
    text-align:right;
}





/* #SLIDESHOW
================================================== */


.slides{
    
    height:350px;
    position:relative;
    z-index:10;
    background: #dedede;
    
}

.slideshow-shadow{
    background:url(images/shadow-slideshow.png) no-repeat;
    width:1040px;
    height: 30px;
    margin:0 auto;
    min-width:1040px;
}

.slides-container{
    width:1040px;
    height:350px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    display:none;
}

.slides .slide{
   width:1040px;
   height: 350px;
   display:block;
   position:relative;
}

.slides .slide-img{
    width:1040px;
    height:350px;
}

.slides .slide-description{
    position:absolute;
    top:0;
    left:0;
    background:url(images/box-slideshow.png) repeat;
    height:350px;
    width:300px;
    color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
}

.slides .slide-description h2{
    font-size:30px;
    font-weight:bold;
    margin-top:20px;
    color:#FFF;
}

.slides .slide-description p{
    margin-top:20px;
    font-size:15px;
}

.slides .slide-description a.readmore { 


    border: 2px solid #bcbcbc;
    font-size:13px;
    height:25px;
    line-height:25px;
    width:100px;

}


/*
Next/prev buttons
*/
.slides .next,.slides .prev {
	position:absolute;
	top:332px;
	left:800px;
	width:7px;
	height:11px;
	display:block;
	z-index:101;
}

.slides .next {
	left:900px;
}

/*
Pagination
*/

.pagination {
	margin:0 auto;
	position:absolute;
	left:820px;
	top:321px;
        z-index:110;
}

.pagination li {
	float:left;
	margin:0 5px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/* #HOME
================================================== */

.colG{
   float:left;
}

.colD{
   float:right;
}

.bloc{
    margin-top:15px;
    margin-bottom:45px;
    height:100%;
    width:100%;
    
    -moz-box-shadow: 3px 3px 4px #9e9c9e;
    -webkit-box-shadow: 3px 3px 4px #9e9c9e;
    box-shadow: 3px 3px 4px #9e9c9e;
}

.bloc .bloc-header, .bloc .bloc-header-grey{
    background-color : #9dc06f;
    position:relative;
    z-index:100;
        
    -moz-box-shadow: 0px 1px 2px #9e9c9e;
    -webkit-box-shadow: 0px 1px 2px #9e9c9e;
    box-shadow: 0px 1px 2px #9e9c9e;
}

.bloc .bloc-header-grey{
    background-color : #DEDEDE;
}
.bloc .bloc-header h2, .bloc .bloc-header-grey h2{
    
    line-height:54px;
    font-size: 26px;
    color:#FFF;
    padding-left:30px;

}

.bloc .bloc-header-grey h2{
    color: #4D4D4D;
}



.bloc .bloc-content{
    background: url(images/actu-content.png);
    margin-left:0px;
}

.bloc .bloc-content .societe-text{
    float:left;
    width:550px;
    height:280px;
    padding:20px 20px;
    margin-top:0px;
}

.bloc .bloc-content .societe-text p{
    margin-top:50px;
}

.bloc .bloc-content .societe-text img{
    float:left;
    margin-right:15px;
}

.bloc .bloc-content .reference-text{
    margin: 20px 20px;
    display:inline-block;
    vertical-align: top;
    width:280px;
    text-align:center;
}

.bloc .bloc-content .reference-text img{
    border: 3px solid #DEDEDE;
    -moz-box-shadow: 3px 3px 4px #9e9c9e;
    -webkit-box-shadow: 3px 3px 4px #9e9c9e;
    box-shadow: 3px 3px 4px #9e9c9e;
}

.bloc .bloc-content .reference-text img:hover{
    border: 3px solid #569800;
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

.bloc .bloc-content .reference-text h3{
    width: 280px;
    text-align:center;
    font-size: 15px;
    color: #4D4D4D;
    text-decoration: none;
    margin-top: 15px;
}

.bloc .bloc-content .reference-text a:hover h3,
.bloc .bloc-content .reference-text a:hover{
    color: #569800;
    text-decoration: none;
}

.bloc .bloc-content .actus{
    padding:20px 15px;
    border-bottom:1px dotted #bcbcbc;
}

.bloc .bloc-content .actus .date{
     background: url(images/clock.png) no-repeat;
     height:46px;
     padding-left:70px;
     margin-right:20px;
     float:left;
     width:30%;
 }
 
.bloc .bloc-content .actus .description{
     background: url(images/project.png) no-repeat 20px 0;
     min-height:60px;
     padding-left:90px;
     float:left;
     border-left: 1px dotted #bcbcbc;
     width:30%;
 }
 
.bloc .bloc-content .actus .link {
     background: url(images/computer.png) no-repeat 20px 0;
     height:48px;
     padding-left:80px;
     padding-top:10px;
     margin-left:15px;
     float:left;
     border-left: 1px dotted #bcbcbc;
     width:10%;
     
     font-size:12px;
 }
 
.bloc .bloc-footer{
   height:30px;
   padding-bottom:15px;
   padding-top:15px;
   background-color: #FFF;
}

.bloc .bloc-footer .readmore{
    margin-right:30px;
    margin-top:0px;
}

.bloc-contact{
    position:relative;
    float:left;
    margin-top:15px;
    margin-left:50px;
    background: url(images/homme-pancarte.png) no-repeat;
    width:303px;
    height:280px;
}

.bloc-contact p{
    color: #569800;
    position:absolute;
    font-size:17px;
    width:200px;
    text-align:center;
    left:93px;
    top:135px;
    
}

.bloc-contact a:hover{
    text-decoration: none;
    text-shadow:5px 5px 5px #bcbcbc;
}

/* #COMPETENCES HOME
================================================== */

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('fonts/websymbols-regular-webfont.eot');
    src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/websymbols-regular-webfont.woff') format('woff'),
        url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
        url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
    padding: 0 0 0 110px;
    margin: 50px auto;
    width: 930px;
}
.ca-menu li{
    width: 170px;
    height: 170px;
    border: 5px solid #bcbcbc;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin-left:-18px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 30px;
    color: #dedede;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 30px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-main{
    font-size: 16px;
    position: absolute;
    top: 90px;
    height: 80px;
    width: 135px;
    left: 50%;
    margin-left: -68px;
    opacity: 0.8;
    text-align: center;
    color: #555;
}
.ca-sub{
    display: none;
}
.ca-menu li:hover{
    border-color: #569800;
    z-index: 999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ca-menu li:hover .ca-icon{
    color: #4d4d4d;
    font-size: 45px;
    text-shadow: 0px 0px 1px #000;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
.ca-menu li:hover .ca-main{
    color: #000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}


/* #MAIN
================================================== */

#title {
    position:relative;
    z-index:10;
    background: #dedede;  
}

#title-content {
    width:1000px;
    height:70px;
    margin:0 auto;
    min-width: 1000px;
    padding: 15px 20px;
}

#title-content h1{
    line-height:50px;
    margin-left:20px;
}

.page-content {
    margin-top:30px;
}

/* #FIL D'ARIANE
================================================== */

.filariane{
    height:20px;
    line-height:20px;
    margin-left:20px;
    font-size:12px;
    color: #4D4D4D;
}

.filariane span.home{
    background: url(images/home.png) no-repeat;
    width:20px;
    height:20px;
    margin-top:-1px;
    margin-right: 5px;
    display:block;
    float:left;
}

.filariane a{
    color: #4D4D4D;
}

.filariane a:hover{
    color: #569800;
    text-decoration: none;
}

/* #EQUIPE
================================================== */
#team{
    display:block;
    margin:0 auto;
    text-align:center;
}

.team{
    display:inline-block;
    vertical-align: top;
    width:280px;
    margin-top:60px;
    margin-right:8px;
    margin-left:8px;
    background:#FFF;
    padding: 20px;
    text-align:left;
    
    background: url(images/actu-content.png);

    
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright:16px;
    -moz-border-radius-bottomleft:16px;
    -moz-border-radius-bottomright:16px;
    -webkit-border-top-left-radius:16px;
    -webkit-border-top-right-radius:16px;
    -webkit-border-bottom-left-radius:16px;
    -webkit-border-bottom-right-radius:16px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;

    -moz-box-shadow: 6px 6px 9px #bcbcbc;
    -webkit-box-shadow: 6px 6px 9px #bcbcbc;
    box-shadow: 6px 6px 9px #bcbcbc;
}

.team .img{
    float:left;
    margin-right: 0px;
}

.team-name{
    font-weight:bold;
    font-size:18px;
    margin-top:20px;
}

.team-function{
    font-weight:bold;
    font-size:16px;
}

.team-field{
    font-weight:bold;
    font-style:italic;
}

.team-competences{
    margin-top:20px;
    font-weight:bold;
    font-style:italic;
}


/* #COMPETENCES
================================================== */

.colCompetence{
    width:290px;
    margin-right:20px;
    margin-left:15px;
}

.competence-content{
    background:url(images/homme-competence.png) bottom right no-repeat;
    width:600px;
    padding-top : 20px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:70px;
    margin-bottom: -70px;
    
    background-color:#dedede;
    
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright:16px;
    -webkit-border-top-left-radius:16px;
    -webkit-border-top-right-radius:16px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;

    -moz-box-shadow: 6px 6px 9px #bcbcbc;
    -webkit-box-shadow: 6px 6px 9px #bcbcbc;
    box-shadow: 6px 6px 9px #bcbcbc;
    
}

.competence-content h2{
    margin-bottom:15px;
}

.colCompetence ul{
    width:290px;
}
.colCompetence li{
    margin-bottom:15px;
    border-bottom:1px solid #569800;
    padding-bottom:15px;
}

.colCompetence li h3 a{
    font-size:15px;
    color:#4d4d4d;
    font-weight:bold;
    
}


.colCompetence li a:hover, .colCompetence li.active a{
    
    color: #569800;
    background: url(images/arrow-small.png) no-repeat 0px 0px;
    padding-left:15px;
    font-weight:bold;
    text-decoration:none;
    
}

#content .colCompetence li.active{
    padding-left: 10px;
}


 /* #ACTU
================================================== */

 .actu-side-l{
     width: 250px;
     margin-top:30px;
     padding-left:20px;
     
 }
 
 .actu-side-l h2{
     width:230px;
     font-size:20px;
     margin-top:20px;
     margin-bottom:15px;
     border-bottom: 1px solid #4D4D4D;
 }
 
.actu-side-l li a:hover{
     background: url(images/arrow-small.png) no-repeat 0px 0px;
     padding-left:15px;
     font-weight:bold;
     text-decoration:none;
     
 }
 
 .actu-side-r{
     width:750px;
 }
 
 .actu-side-r .pager{
     width:702px;
 }
 
 .section-actu{
     margin: 30px auto;
     width:710px;
 }
 
 .section-actu-header{
    background-color : #9dc06f;
    position:relative;
    z-index:100;
        
    -moz-box-shadow: 0px 1px 2px #9e9c9e;
    -webkit-box-shadow: 0px 1px 2px #9e9c9e;
    box-shadow: 0px 1px 2px #9e9c9e;
    height:52px;
    width:702px;
 }
 .section-actu-content{
     background: url(images/actu-content.png);
     height: auto;
     width:702px;
 }
 .section-actu-footer{
     height:18px;
     width:716px;
 }
 
 .section-actu-content .content{
     padding:15px;
 }
 
 .section-actu-header h3{
     font-size: 17px;
     color: #FFF;
     line-height: 40px;
     margin-left: 15px;
 }
 
 .section-actu-content .date{
     background: url(images/clock.png) no-repeat;
     min-height:46px;
     padding-left:70px;

 }
 
 .section-actu-content .description{
     background: url(images/project.png) no-repeat;
     padding-left:70px;
     margin-top: 15px;

 }
 
 .section-actu-content .link {
     background: url(images/computer.png) no-repeat;
     height:48px;
     padding-left:70px;
     padding-top:10px;
     margin-top: 15px;


 }
 
 .section-actu-content .footer{
     padding:5px 15px 5px 15px;
     font-size:11px;
 }
 
 
/* #REF
================================================== */
 
.ref-side-l{
     width: 250px;
     margin-top:30px;
     padding-left:20px;
     
 }
 
 .ref-side-l h2{
     width:200px;
     font-size:20px;
     margin-top:20px;
     margin-bottom:15px;
     border-bottom: 1px solid #4D4D4D;
 }
 
 .ref-side-l li a:hover{
     background: url(images/arrow-small.png) no-repeat 0px 0px;
     padding-left:15px;
     font-weight:bold;
     text-decoration:none;
     
 }
 
 .ref-side-r{
     width:750px;
 }
 
 .ref-side-r .pager{
     width:702px;
 }
 
 .section-ref{
     margin: 20px auto;
     width:700px;
     padding-top:20px;
     padding-bottom:0px;
 }
 
 .section-ref-content{
     height: auto;
     width:702px;
 }
 
 .section-ref-content .slideshow-ref{
     float:left;
     width:380px
 }
 
.section-ref-content .imgPrincipale{
    width:380px;
    height:260px;
    position:relative;
 }
 
 .section-ref-content .imgPrincipale h4{
    padding: 5px 15px;
    width:340px;
    background-color:#FFF;
    font-style: italic;
    font-size:12px;
    font-weight:bold;
    position:absolute;
    z-index: 100;
    top:0;
 }
 
.section-ref-content .imgPrincipale img{
    border: 10px solid #FFF;
    -moz-box-shadow: 0px 4px 12px #7b7b7b;
    -webkit-box-shadow: 0px 4px 12px #7b7b7b;
    box-shadow: 0px 4px 12px #7b7b7b;
    position:relative;
 }
 
 
 .section-ref-content .imgPrincipale .zoom-overlay{
    display:block;
    width:20px;
    height:20px;
    
    background: url(images/zoom.png) #FFF no-repeat center center;
    padding:8px 20px;
    
    position:absolute;
    bottom: 0;
    right:20px;
 }
 
 
.section-ref-content .listeImage{
      margin-top:30px;
      text-align:center;
      width:370px;
 }
 
.section-ref-content .listeImage img{
    border: 3px solid #FFF;
    -moz-box-shadow: 0px 4px 12px #7b7b7b;
    -webkit-box-shadow: 0px 4px 12px #7b7b7b;
    box-shadow: 0px 4px 12px #7b7b7b;
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    opacity:0.5;
 }
 
.section-ref-content .listeImage img:hover{
    border: 3px solid #569800;
    cursor: pointer;
    opacity:1;
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
 }
 
.section-ref-content .content{
     padding:5px;
     width:auto;
 }
 
 .section-ref-content h3{
     font-size: 20px;
     color: #569800;
     line-height: 40px;
     margin-left: 15px;
 }
 
 .section-ref-content .footer{
     padding:5px 15px 5px 15px;
     font-size:11px;
 }
 
 .single-ref .imgPrincipale{
     margin:0 auto;
 }
 .single-ref .listeImage{
     margin:30px auto;
 }
 
 .single-ref .section-ref-content h3{
     margin-bottom: 20px;
 }
 

/* #CONTACT FORM
================================================== */

#wpcf7-f99-o1{
   margin-left:60px; 
}

#wpcf7-f99-o1 input[type="text"],
#wpcf7-f99-o1 input[type="email"],
#wpcf7-f99-o1 input[type="tel"]{
   width:350px;
   height:30px;
   margin-top:5px;
   margin-bottom: 10px;
   border: 1px solid #BCBCBC;
   padding-left: 10px;
}

#wpcf7-f99-o1 textarea{
   width:500px;
   height:180px;
   margin-top:5px;
   margin-bottom: 10px;
   padding: 10px;
}

#wpcf7-f99-o1 .wpcf7-submit{
    width:100px;
    height:40px;
    border: 1px solid #BCBCBC;
}

#wpcf7-f99-o1 .wpcf7-submit:hover,
#wpcf7-f99-o1 input[type="text"]:hover,
#wpcf7-f99-o1 input[type="email"]:hover,
#wpcf7-f99-o1 input[type="tel"]:hover{
    border: 1px solid #569800;
    cursor: pointer;
}


/* #PAGINATION
================================================== */

.pager {
    color:#999;
    font-weight:bold;
    margin-top:30px;
}
.pager a,.pager span {
	padding:10px 10px;
        background-color: #FFF;
        margin-left:3px;
}
.pager a:hover {
	color:#FFF;
        background-color: #569800;
        text-decoration: none;
}
.pager .bt a {
	display:block;
	width:20px;
	height:19px;
	background-color:#CCC;
	margin:2px 0px;
	padding:0px;
}

.pager td {
    border:none;
}

/* #FOOTER
================================================== */

#footer{
    
    margin-top: 70px;
    height : 250px;
    position:relative;
    z-index:100;
            
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
    -moz-box-shadow: 0px -4px 12px #7b7b7b;
    -webkit-box-shadow: 0px -4px 12px #7b7b7b;
    box-shadow: 0px -4px 12px #7b7b7b;  
}

#footer-content{
    
    display:block;
    width:830px;
    height: 180px;
    margin:0 auto;
    padding: 30px;
    
}

#footer-content .col-tiers{
    width : 300px;
    display:table-cell;
    font-size:13px;
    vertical-align: top;
}

#footer-content .logo-description{
    margin-top:0;
}

#footer-content .adresse{
    margin-top:80px;
}

#footer-content h4{
    margin-bottom:10px;
}

#footer-content ul.menu{
    margin-bottom:10px;
    list-style-type: none;
}

#footer-content ul.menu li{
    margin-top:5px;
    margin-left:10px;
}