/*
Theme Name: 	Security - Prevention
Description: 	Main css page of the website
Version: 		1.0
Author: 		Start it Agency
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 General
04 Header
05 Footer
06 Details
06 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ distartlay:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{
    color :  #4c4b4b;
     font-family : OpenSansRegular, Arial, Tahoma;
    
    }

h1, 
h2, 
h3, 
h4, 
h5, 
h6
{  font-family : OpenSansSemibold, Arial, Tahoma;
    font-weight : bold;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 General ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
html{
    width : 100%;
    height : 100%;
}
body{
    width : 100%;
    height : 100%;
}



/* ---------------------------------------------------------------------------------------------------------- 
04 Header ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
header{
    height : 100px;
    width : 100%;
    border-bottom : 1px solid #a5a5a5;
    border-top : 15px solid #e3474b;
    background-color : #f7f7f7;
}

header div#nav{
    width : 960px;
    margin : 0 auto;
}

header div#nav ul li{
    display : inline-block;
}

header .navigation{
    text-align : center;
}
header ul.navigation  li{
   padding-top : 70px;
   margin-right : 15px;
   margin-left : 15px;
}
header ul.navigation  li a{
    text-decoration : none;
    color : #4c4b4b;
}
header ul.navigation  li a:hover{
    text-decoration : none;
    color : #e3474b;
}
header ul.navigation  li.logo img{
    margin-top : -70px;
    padding-top : 0px;
}
ul.navigation li a.active{
	font-weight : bold;
	color : #E3474B;
}
/* ---------------------------------------------------------------------------------------------------------- 
05 Footer ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
footer{
    background-color : #e3474b;
    font-size : 10px;
    padding-top : 2px;
    padding-bottom : 2px;
    text-align : center;
}
footer p{
    width : 960px;
    margin : 0 auto;
}

/* ---------------------------------------------------------------------------------------------------------- 
06 Details ---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*******************************************Home**************************************************/
body{
    background-color : #f7f7f7;
}

section#content_top{
    height : 500px;
    background-color: white;
    border-bottom: 1px solid #4C4B4B;
    
}
section#content_top_prod{
    height : 400px;
    background-color: white;  
}
section#content_top h1, section#content_top_prod h1 {
    text-align : center;
    font-size : 32px;
    font-weight : 600;
    line-height : 60px;
}

#content_top #slider{
    width : 960px;
    margin : 0 auto;
}
/*********************************************Home - Slider particuliers****************************************************/
#content_top #slider div.content_slider{
    margin-top : 20px;
}
#slider div.slide_left_content{
    display: inline-block;
    float: left;
    height: 350px;
    width: 720px;
    margin-right : 20px;
}
#content_top .pagination{
    width : 60px;
    margin : 0 auto;
}
#slider a.prev{
      bottom: 200px;
    left: 10px;
    position: absolute;
    z-index: 1000;
    display : none;
    width : 40px;
    height : 40px;
    background-image : url(images/prev.png);
    text-indent : -10000px;
}
#slider a.next{
      bottom: 200px;
    right: 10px;
    position: absolute;
    z-index: 1000;
    display : none;
    width : 40px;
    height : 40px;
    background-image : url(images/next.png);
    text-indent : -10000px;
}
div.slides_container{
    height : 450px;
}
ul.pagination li{
    background-image : url(images/pagination.png);
    height : 20px;
    width : 20px;
    display : inline-block;
}
ul.pagination li a{
        height : 20px;
    width : 20px;
    text-indent : -10000px;
    position : absolute;
}
ul.pagination li.current{
    background-image : url(images/pagination_current.png);
}
#slider div.slide_right_content{
    display: inline-block;
    float: right;
    height: 320px;
    width: 220px;
    border-top : 20px solid #E3474B;
    background-color : #ededed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom : 10px solid #E3474B;
}
#slider div.slide_right_content h3{
    text-align : center;
    font-size : 22px;
    line-height : 30px;
    height : 20px;
    border-bottom : 1px solid #E3474B;
    padding-top : 3px;
    padding-bottom : 12px;
    
}
#slider div.slide_right_content ul li{
    text-align : center;
    font-size : 14px;
    line-height : 21px;
    margin-bottom : 10px;
    font-family : OpenSansSemibold, Arial, Tahoma;
}
#slider div.slide_right_content ul li.pack_more{
    background-color : #E3474B;
    height : 22px;
    color : white;
    font-size : 18px;
    padding-top : 8px;
    padding-right : 20px;
}
#slider div.slide_right_content ul li.pack_more a{
    text-decoration : none;
    color : white;
}
#slider div.slide_right_content ul li.pack_more a:hover{
    border-bottom : 1px solid white;
}
.pack_list span{
    color : #E3474B;
}
#slider div.slide_right_content ul li.pack_more a span{
     bottom: 22px;
    display: block;
    left: 165px;
    margin-right: 0;
    padding-right: 0;
    position: relative;
    width: 26px;
    height : 26px;
    background-image : url(images/plus_icon.png);
}
#slider div.slide_right_content ul li.photo_pack{
    border-bottom : 1px solid #E3474B;
}
.photo_pack.photo_pack2{
    border-bottom : 1px solid #ededed !important;
}
                /*-------------------------------------------------------------------------------*/
                
#slider div.slide_right_content_eagle{
    display: inline-block;
    float: right;
    height: 320px;
    width: 220px;
    border-top : 20px solid #E3474B;
    background-color : #ededed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom : 10px solid #E3474B;
}
#slider div.slide_right_content_eagle h3{
    text-align : center;
    font-size : 22px;
    line-height : 30px;
    height : 20px;
    border-bottom : 1px solid #E3474B;
    padding-top : 3px;
    padding-bottom : 12px;
    
}
#slider div.slide_right_content_eagle ul li{
    text-align : center;
    font-size : 14px;
    line-height : 21px;
    margin-bottom : 10px;
    font-family : OpenSansSemibold, Arial, Tahoma;
}
#slider div.slide_right_content_eagle ul li.pack_more{
    background-color : #E3474B;
    height : 22px;
    color : white;
    font-size : 18px;
    padding-top : 8px;
    padding-right : 20px;
}
#slider div.slide_right_content_eagle ul li.pack_more a{
    text-decoration : none;
    color : white;
}
#slider div.slide_right_content_eagle ul li.pack_more a:hover{
    border-bottom : 1px solid white;
}
.pack_list span, .pack_list_eagle span{
    color : #E3474B;
}
#icon_content ul.services_icons li{
    margin-left : 15px;
}
#slider div.slide_right_content_eagle ul li.pack_more a span{
     bottom: 22px;
    display: block;
    left: 165px;
    margin-right: 0;
    padding-right: 0;
    position: relative;
    width: 26px;
    height : 26px;
    background-image : url(images/plus_icon_eagle.png);
}
#slider div.slide_right_content_eagle ul li.photo_pack{
    border-bottom : 1px solid #E3474B;
}

/*********************************************Home - Fin Slider particuliers****************************************************/

#content_top #slider h2, #content_about h2, #content_comment h2, #slider_pack h2{
    font-size : 24px;
    text-align : center;
    line-height : 36px;
    
}
section#content_bottom{
    width : 100%;
    border-top : 1px solid #a5a5a5;
    background-color : #f7f7f7;
    min-height : 600px;
}

#content_about #icon_content, #content_comment{
    width : 960px;
    margin : 0 auto;
    text-align : center;
    padding-top : 20px;
    font-size : 16px;
    line-height : 24px;
    margin-bottom : 50px;
}

#icon_content p{
    margin-top : 20px;
}
#icon_content ul li{
    display: block;
    float: left;
    width: 225px;
}
#icon_content ul.services_icons li a{
    display : inline-block;
    padding-top : 200px;
    text-decoration : none;
    padding-left : 65px;
    padding-right : 65px;
    color : #4c4b4b;
    font-family : OpenSansSemibold, Arial, Tahoma;
}
#icon_content ul.services_icons li a:hover{
    color : #E3474B;
}
#icon_content ul li.services_1{
    background-image : url(images/shield.png);
    background-position : top;
    background-repeat : no-repeat;
    height : 233px;
}
section#content_about{
    height : 550px;
}

#icon_content ul li.services_1:hover{
    background-image : url(images/shield.png);
    background-position : bottom;
    background-repeat : no-repeat;
}
#icon_content ul li.services_2{
    background-image : url(images/flex.png);
    background-position : top;
    background-repeat : no-repeat;
    height : 231px;
}

#icon_content ul li.services_2:hover{
    background-image : url(images/flex.png);
    background-position : bottom;
    background-repeat : no-repeat;
}
#icon_content ul li.services_3{
    background-image : url(images/visibility.png);
    background-position : top;
    background-repeat : no-repeat;
    height : 232px;
}

#icon_content ul li.services_3:hover{
    background-image : url(images/visibility.png);
    background-position : bottom;
    background-repeat : no-repeat;
}
#icon_content ul li.services_4{
    background-image : url(images/efficient.png);
    background-position : top;
    background-repeat : no-repeat;
    height : 233px;
}

#icon_content ul li.services_4:hover{
    background-image : url(images/efficient.png);
    background-position : bottom;
    background-repeat : no-repeat;
}
#icon_content ul{
    padding-top : 50px;
}
#content_comment ul li{
    font-family : OpenSansItalic, Arial, Tahoma;
    font-size : 16px;
    font-style : italic;
    }
#content_comment ul{
    width : 840px;
    margin : 0 auto;
    margin-top : 20px;
}

/****************************************Fin - Page Home*****************************************************/

/**************************************** Pages packs - particuliers*****************************************************/
#content_details{
    padding-bottom : 30px;
}
#content_top span.span_particuliers{
        color : #E3474B;
    }
#slider_pack{
        width : 960px;
        margin : 0 auto;
        margin-top : 10px !important;
    }
#slider_pack .slide_left_content h3{
        margin-top : 40px;
    }
#slider_pack .slide_left_content{
    padding-left: 80px;
    width: 440px;
    float : left;
    }
#slider_pack .slide_left_content ul{
        margin-top : 20px;
    }
#slider_pack .slide_left_content ul li{
        height : 24px;
        margin-top : 15px;
        list-style-type : circle;
        list-style-position : inside;
        font-size : 18px;
     }
#slider_pack .slide_right_content{
    display: inline-block;
    float: right;
    padding-right : 80px;
}
#slider_pack .content_slider{
    overflow : hidden;
    margin-top : 40px;
}
#content_details h2{
    text-align : center;
    margin-top : 20px;
    margin-bottom : 20px;
}
#packs{
    width : 941px;
    margin : 0 auto;
        border-top : 20px solid #E3474B;
    background-color : #ededed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom : 20px solid #E3474B;
border-left : 1px solid #E3474B;
border-right : 1px solid #E3474B;
}
#packs .packs{
        width : 941px;
            overflow : hidden;
}
#packs .packs_description{
    width : 941px;
    overflow : hidden;
    
}
#packs ul li.pack_header{
    max-height : 50px;
}
#packs ul li.pack_header span.thor{
    width: 100px;   
}

#packs ul li.pack_header span.packs_description h3{
    border-right : 1px solid #E3474B;
    height: 35px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-left: 20px;
}
#packs ul li.pack_header span.thor, #packs ul li.pack_header span.dogthor,  #packs ul li.pack_header span.catsthor{
    overflow: hidden;
    height : 35px;
    display: inline-block;
    padding-top : 15px;
    width : 100px;
    text-align : center;
}
#packs span{
background-color : #b1b1b1;
}
#packs span.description{
    background: none repeat scroll 0 0 transparent;
    border-top: 1px solid #E3474B;
    display: block;
    height: auto;
    width: 941px !important;
    }
#packs ul li.packs{
        border-top : 1px solid #E3474B;
        min-height : 30px;
}
#packs ul li div.packs_description{
    background-color : #ededed;
}
#packs div div.full_description{
     border-right : 1px solid #E3474B;
     width : 941px;
}
/*#packs .thor, #packs .doghthor{
    width : 90px;

        display : inline-block;
        text-align : center;
}*/
#packs .description img{
    vertical-align : top;
    padding : 10px 20px;
}
#packs .description p{
   display : inline-block;
    width: 660px;
    overflow : hidden;
    margin-left : 20px;
    padding-top : 10px;
}
#packs .packs span.hide{
    display : none;
}
#packs ul li {
    min-height : 30px;
}
#packs ul li span.checked{
    background-image : url(images/checked.png);
    width: 100px;
    float: left;
    height: 30px;
    background-repeat : no-repeat;
    padding-bottom : 15px;
    background-position : center;
}
#packs ul li span.thor, #packs ul li span.dogthor{
    border-right : 1px solid #E3474B;
}
#packs ul li span.thor, #packs ul li span.dogthor{
    height : 30px;
    float : left;
    width : 100px;
    
}
#packs span.more_description{
    border-radius: 360px 360px 360px 360px;
    display: block;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: 8px;
    position: absolute;
    right: 311px;
    text-align: center;
    width: 28px;
    background-color : #E3474B;
     color : white;

}
#packs span.show_description{
         background-image : url(images/+_par.png) !important;
}
#packs span.hide_description{
         background-image : url(images/-_par_2.png) !important;
}
#packs span.more_description:hover{
    cursor : pointer;
}
#packs ul li span.unchecked{
    background-image : url(images/unchecked.png);
    float: left;
    width: 100px;
    height : 30px;
    background-repeat : no-repeat;
    padding-bottom : 15px;
    background-position : center;
    }
#packs .packs_description h3{
    line-height : 30px;
    height : 30px;
    padding-bottom : 15px;
    padding-left : 20px;
    width : 618px;
    float : left;
        border-right : 1px solid #E3474B;
}
div.pack_checking{
    width : 302px;
    float : right;
}
/**************************************** Pages packs - entreprises*****************************************************/
#content_details{
    padding-bottom : 30px;
}
#content_top span.span_pro{
        color : #E3474B !important;
    }
#slider_pro_pack h2{
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}
#slider_pro_pack{
        width : 960px;
        margin : 0 auto;
        margin-top : 10px !important;
    }
#slider_pro_pack .slide_left_content h3{
        margin-top : 40px;
    }
#slider_pro_pack .slide_left_content{
    padding-left: 80px;
    width: 440px;
    float : left;
    }
#slider_pro_pack .slide_left_content ul{
        margin-top : 20px;
    }
#slider_pro_pack .slide_left_content ul li{
        height : 50px;
        margin-top : 15px;
        list-style-type : circle;
        list-style-position : inside;
        font-size : 18px;
     }
#slider_pro_pack .slide_right_content{
    display: inline-block;
    float: right;
    padding-right : 80px;
}
#slider_pro_pack .content_slider{
    overflow : hidden;
    margin-top : 40px;
}
#content_details h2{
    text-align : center;
    margin-top : 20px;
    margin-bottom : 20px;
}
#pro_packs{
    width : 840px;
    margin : 0 auto;
        border-top : 20px solid #E3474B;
    background-color : #ededed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom : 20px solid #E3474B;
border-left : 1px solid #E3474B;
border-right : 1px solid #E3474B;
}
#pro_packs .pro_packs{
        width : 840px;
            overflow : hidden;
}
#pro_packs .pro_packs_description{
    width : 840px;
    overflow : hidden;
    
}
#pro_packs ul li.pro_pack_header{
    max-height : 50px;
}
#pro_packs ul li.pro_pack_header span.thor{
    width: 100px;   
}

#pro_packs ul li.pro_pack_header span.pro_packs_description h3{
    border-right : 1px solid #E3474B;
    height: 35px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-left: 20px;
    width : 578px;
}
#pro_packs ul li.pro_pack_header span.eagle, #pro_packs ul li.pro_pack_header span.eagleplus{
    overflow: hidden;
    height : 35px;
    float : left;
    padding-top : 15px;
    width : 120px;
    text-align : center;
}
#pro_packs span{
background-color : #b1b1b1;
}
#pro_packs span.description{
    background: none repeat scroll 0 0 transparent;
    border-top: 1px solid #E3474B;
    display: block;
    height: auto;
    width: 840px !important;
    }
#pro_packs ul li.pro_packs{
        border-top : 1px solid #E3474B;
        min-height : 30px;
}
#pro_packs ul li div.pro_packs_description{
    background-color : #ededed;
}
#pro_packs div div.full_description{
     border-right : 1px solid #E3474B;
     width : 840px;
}
/*#pro_packs .thor, #pro_packs .doghthor{
    width : 90px;

        display : inline-block;
        text-align : center;
}*/
#pro_packs .description img{
    vertical-align : top;
    padding : 10px 20px;
}
#pro_packs .description p{
   display : inline-block;
    width: 660px;
    overflow : hidden;
    margin-left : 20px;
    padding-top : 10px;
}
#pro_packs .pro_packs span.hide{
    display : none;
}
#pro_packs ul li {
    min-height : 30px;
}
#pro_packs ul li span.checked{
    background-image : url(images/checked_pro.png);
    width: 120px;
    float: left;
    height: 30px;
    background-repeat : no-repeat;
    padding-bottom : 15px;
    background-position : center;
}
#pro_packs ul li span.eagle{
    border-right : 1px solid #E3474B;
}
#pro_packs ul li span.eagle, #pro_packs ul li span.eagleplus{
    height : 30px;
    float : left;
    width : 120px;
    
}
#pro_packs ul li span.option{
    color: #636363;
    height: 35px;
    padding-top: 10px;
    text-align: center;
        font-family : OpenSansItalic, Arial, Tahoma;
    font-size : 18px;
}
span .description_details_product{
    display:block !important;
}
#pro_packs span.more_description{
    border-radius: 360px 360px 360px 360px;
    display: block;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: 8px;
    position: absolute;
    right: 250px;
    text-align: center;
    width: 28px;
    background-color : #E3474B;
     color : white;
}
#pro_packs span.show_description{
         background-image : url(images/+_pro_2.png) !important;
}
#pro_packs span.hide_description{
         background-image : url(images/-_pro.png) !important;
}
#pro_packs span.more_description:hover{
    cursor : pointer;
}
#pro_packs ul li span.unchecked{
    background-image : url(images/unchecked.png);
    float: left;
    width: 120px;
    height : 30px;
    background-repeat : no-repeat;
    padding-bottom : 15px;
    background-position : center;

    }
#pro_packs .pro_packs_description h3{
    line-height : 30px;
    height : 30px;
    padding-bottom : 15px;
    padding-left : 20px;
    width : 578px;
    float : left;
        border-right : 1px solid #E3474B;
}
div.pro_pack_checking{
    width : 241px;
    float : right;
}

/******************************************Page About **************************************/
#content_top_about span.span_pro{
        color : #E3474B !important;
    }
#content_top_about p{

       text-align : center;
       width : 840px;
       margin : 20px auto;
       line-height : 24px;
       font-size : 16px;
    }
section#content_top_about{
    height : 240px;
    padding-bottom : 80px;
    background-image : url(images/border_bottom.png);
    background-repeat : no-repeat;
    background-position : bottom center;
    
}
section.about_content{
	min-height : 520px;
            padding-bottom : 80px;
    background-image : url(images/border_bottom.png);
    background-repeat : no-repeat;
    background-position : bottom center;
}
#activity_content h2{
    margin-top : 40px;
}
#activity_content{
    width : 940px;
    margin : 0px auto;
    text-align : center;
    line-height : 24px;
    font-size : 16px;
    padding-top : 30px;
    padding-bottom : 40px;
    padding-bottom : 120px;
    background-image : url(images/border_bottom.png);
    background-repeat : no-repeat;
    background-position : bottom center;
}
#activity_content p{
    margin-top : 20px;
}
section#content_top_about h1 {
    text-align : center;
    font-size : 32px;
    font-weight : 600;
    line-height : 60px;
}
.services_icons li p{
    padding-top : 200px;
}
#content_about h1 span.span_pro{
       color : #E3474B !important;
}
#content_about h1{
     text-align : center;
    font-size : 32px;
    font-weight : 600;
    line-height : 60px;   
}

/***********************************************Contact****************************************/
div.form{
    width : 840px;
    margin : 0 auto;
    padding-left : 50px;
}
div.form input, div.form textarea, div.form select{
    background: #fcf9f4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjlmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcf9f4 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf9f4), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcf9f4 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcf9f4 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcf9f4 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcf9f4 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */

border : 1px solid #8b8b8b;
}
div.form input{
    height : 26px;
    width : 345px;
    padding : 2px;
}
div.form input, div.form select{
    padding : 2px;
    padding-left : 5px;
    margin-top : 10px;
}
div.form select{
       height : 26px;
    width : 345px;
    padding : 2px;
    padding-top : 6px;
    height : 32px;
}
form p{
    width : 400px;
    float : left;
    margin : 10px;
    padding-bottom : 15px;
    padding-top : 15px;
    margin-bottom : 0px;
}
form p#T_area{
    width : 930px;
    margin : 10px;
}
form p#T_area textarea{
    width : 760px;
    padding : 10px;
    margin-top : 10px;
	max-height : 250px;
    
}
section#content_top_contact{
       background-color: white;
    border-bottom: 1px solid #4C4B4B;
    height: 790px; 
}

form div.wpcf7-validation-errors{
    border : none !important;
    width : 840px;
    height : 10px;
    color : red;
    margin-top : 0px !important;
}
form p#p_submit{
    width : 780px;
    margin-right : 30px;
}
p#p_submit input{
    float : right;
    width : 120px;
    height : 40px;
    margin-top : 0px;

background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

-webkit-box-shadow:  1px 2px 5px 2px rgba(0, 0, 0, .1);
        
box-shadow:  1px 2px 5px 2px rgba(0, 0, 0, .1);
}

p#p_submit input:hover{
background: #e5e5e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5e5e5 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
    
}

/*********************************Commentaires clients********************************/

#content_comment ul li{
    display : inline-block;
    width : 840px;
}
#content_comment ul.pagination{
    display : none;
}

/*************************************Packs logos**************************************/

/* ---------------------------------------------------------------------------------------------------------- 
07 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Distartlay */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}
.contactform {
  clear: both;
  margin: 0 auto;
  width: 841px;
}
.clear {
  clear: both;
}
.contactform h1 {
  color: #f00;
  font-size: 24px;
  text-align: center;
}