*{
    margin: 0;
    outline: none;
}
.hover:hover{
    opacity:0.8;
}
.hover:active{
    opacity:1;
}
.img_borders{
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px;
}
.img_borders img{
	width: 250px;
	height: 175px;
}
.fl{
    float: left;
    display: block;
}
.fr{
    float: right;
    display: block;
}
.show{
    background-color: #000;
    opacity:0.5;
}

@font-face {
    font-family: 'myriad_pro_bold';
    src: url('pfdindisplaypro-bold-webfont.eot');
    src: url('pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('pfdindisplaypro-bold-webfont.woff') format('woff'),
        url('pfdindisplaypro-bold-webfont.ttf') format('truetype'),
        url('pfdindisplaypro-bold-webfont.svg#PFDinDisplayProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriad_pro_regular';
    src: url('pfdindisplaypro-regular-webfont.eot');
    src: url('pfdindisplaypro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('pfdindisplaypro-regular-webfont.woff') format('woff'),
        url('pfdindisplaypro-regular-webfont.ttf') format('truetype'),
        url('pfdindisplaypro-regular-webfont.svg#PFDinDisplayProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'myriad_pro_regular';
    src: url('myriadpro-regular.eot');
    src: url('myriadpro-regular.eot?#iefix') format('embedded-opentype'),
        url('myriadpro-regular.woff') format('woff'),
        url('myriadpro-regular.ttf') format('truetype'),
        url('myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriad_pro_bold';
    src: url('myriadpro-bold.eot');
    src: url('myriadpro-bold.eot?#iefix') format('embedded-opentype'),
        url('myriadpro-bold.woff') format('woff'),
        url('myriadpro-bold.ttf') format('truetype'),
        url('myriadpro-bold.svg#myriadpro-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
body{
	background-color: #aee0b8!important; repeat-x scroll 0 0 ;
}


#wrapper{
    width: 980px;
    margin: 0 auto;
}
#header{
    width: 980px;
    height: 80px;
    margin-top: 20px;

}
.logotip{
    width: 360px;
    height: 60px;
}
.desc_logo{
    width: 300px;
    height: 60px;
}
.appele{
    width: 300px;
    height: 60px;
}

.logotip img{
    border: none;
}
.desc_logo p{
    font-family: myriad_pro_bold;
    font-size: 14px;
    color: #666;
    font-style: normal;
    margin-top: 10px;
}
.img_apelle{
    background-image: url(/img/img_apelle.png);
    background-repeat: no-repeat;
    width: 62px;
    height: 60px;
    margin-right: 10px;
}
.appele h2{
    font-family: myriad_pro_regular;
    font-size: 15px;
    color: #58B12F;
    margin-left: 10px;

}
.appele h3{
    font-family: myriad_pro_bold;
    font-size: 35px;
    color: #FFF;
    font-weight: bold;
}
.menu{
    width: 980px;
    height: 40px;
    background-image: url('/img/ftr.gif');
    background-repeat: repeat-x;
    border-top: 1px solid #005090;
}
.menu ul li{
    list-style: none;
    float: left;
    margin-left: 7px;

    line-height: 40px;
    height: 36px;


}
.menu ul li a{
    font-family: myriad_pro_regular;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    margin-top: 4px;
    text-transform: uppercase;
    line-height: 34px;
}
.menu ul li a:hover{
    height:23px;
				
				position:relative;
				z-index:1000;
				color:#cccccc;
				text-shadow:none;
				box-shadow:0 1px 2px #9F9F9F;
				-moz-box-shadow:0 1px 2px #9F9F9F;
				-khtml-box-shadow:0 1px 2px #9F9F9F;
				-webkit-box-shadow:0 1px 2px #9F9F9F;
}
.menu ul li a.but_activ{
    height: 33px;
    border: 1px #003434 inset;
    display: block;
    margin-top: 2px;
    line-height: 34x;
}
#content{
    background-color: #FFF!important;
    background-repeat: repeat-y;
    width: 980px;
    min-height: 500px;
}
.inter_content{
    width: 940px;
    margin-left: 20px;
    margin-top: 20px;
    min-height: 200px;
    float: left;
}
.savoir{
    width: 940px;
}
.savoir_block{
    background-image: url(/img/savoi_block.png);
    background-repeat: no-repeat;
    width: 460px;
}
.left_savoir{
    width: 305px;
    height: 90px;
}
.left_savoir h2{
    font-size: 14px;
    font-family: myriad_pro_bold;
    color: #000;
    margin-left: 20px;
    margin-top: 20px;
    text-transform: uppercase;
}
.left_savoir p{
    font-size: 12px;
    color: #333333;
    font-family: myriad_pro_regular;
    margin-left: 20px;
    line-height: 20px;
    margin-top: 5px;
}
.right_savoir{
    width: 150px;
    height: 90px;

}
.button_savoir{
    text-decoration: none;
    display: block;
    margin-top: 32px;
    margin-left: 15px;

}
.left_but{
    background-image: url(/img/button_but.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 32px;
}
.center_but{
    background-image: url(/img/center_but.png);
    background-repeat: repeat-x;
    padding-left: 15px;
    padding-right: 15px;
    height: 32px;
    font-size: 13px;
    font-family: myriad_pro_regular;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-decoration: none;
    border:0;
}
.right_but{
    background-image: url(/img/but.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 32px;
}
.bottom_content{
    width: 940px;
    min-height: 100px;
}
.left_content{
    width: 241px;
    min-height: 100px;
	float:right;
}
.right_content{
    width: 660px;
    min-height: 200px;
	padding-right:20px;
}
.right_content a 
{
color:green;
}
.top_form{
    background-image: url(/img/ftr.gif);
    background-repeat: repeat-x;
    width: 238px;
    height: 40px;
    border:1px solid #005090;
}
.bottom_form{
    background-image: url(/img/bottom_form.png);
    background-repeat: repeat-y;
    width: 240px;
    min-height: 100px;
}
.bottom2_form{
    background-image: url(/img/bottom2_form.png);
    background-repeat: no-repeat;
    width: 240px;
    height: 53px;
}
.inter_form{
    margin-left: 20px;

    float: left;
}
.top_form h2{
    font-family: myriad_pro_regular;
    font-size: 14px;
    text-indent: 20px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}
.inter_form h2{
    font-size: 13px;
    color: #000;
    font-family:  myriad_pro_regular; /*myriad_pro_bold*/;
    margin-top: 15px;
    margin-bottom: 0px;
	color:#000033;
}
.form_1{
    background-image: url(/img/fom_1.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 30px !important;
    display: block;
	padding-top:5px !important;
	padding-bottom:5px !important;
}
/*.form_1 input{
    border: none;
    margin-top: 5px;
    margin-left: 7px;
    width: 150px;
    height: 20px;
    font-family: Arial;
    border-width: 0;
}*/

.input_feed{
    width: 117px;
    height: 20px;
    padding: 2px 5px 2px 5px;
    #padding: 5px 5px 2px 5px;
    border: 1px #cccccc solid;
    font-family: Arial;
    #margin-left: -20px;
    font-size: 14px;
}
.input_feed2{
    width: 188px;
    height: 20px;
    padding: 2px 5px 2px 5px;
    #padding: 5px 5px 2px 5px;
    border: 1px #cccccc solid;
    font-family: Arial;
    #margin-left: -20px;
    font-size: 14px;
}
.ram{
    width: 250px;
    height: 180px;
    margin-right: 10px;
}
.inter_ram{
    position: absolute;
    z-index: 1;
    width: 250px;
    height: 180px;
    background-image: url(/img/ram.png);
    background-repeat: no-repeat;
}
.img_ram{
    position: absolute;
    z-index: 0;
    width: 250px;
    height: 175px;
}
.right_content h2{
    font-size: 17px;
    color: #000;
    font-family: myriad_pro_bold;
}
.right_content p{
    margin-top: 10px;
    line-height: 18px;
    font-size: 13px;
    color: #000;
    font-family: Arial;
}
.four_image{
    width: 940px;
    height: 210px;
}
.block_four{
   background-image: url("/img/four_image.png");
    background-repeat: no-repeat;
    height: 198px;
    margin-left: 7px;
    margin-right: 7px;
    text-decoration: none;
    width: 220px;
}
.top_four{
    width: 218px;
    height: 144px;
}
.top_four img{
    width: 216px;
    height: 142px;
    margin-top: 2px;
    margin-left: 2px;
	border:none;
    border-width: 0;
}
.bottom_four{
    width: 217px;
    height: 48px;

}
.bottom_four h2{
    font-size: 13px;
    font-family: myriad_pro_regular; /*myriad_pro_bold*/;
    color: #000033;
    text-indent: 20px;
    line-height: 48px;
}
.bottom_content1{
    background-image: url(/img/bottom_content.png);
    background-repeat: no-repeat;
    width: 980px;
    height: 8px;
}
#wrapper_footer{
   background-color: #ccc!important;
    background-repeat: repeat-x;
    height: 59px;
    border-top:1px #cccccc;
    margin: 1px;
    padding-left: 25px;
    padding-right: 25px;

}
.footer{    
    height: 60px;
    margin: 0 auto;
}
.footer h2{
    font-size: 14px;
    line-height: 60px;
    color: #666666;
    font-family: myriad_pro_regular;
    float: left;
    font-weight: normal;
}
.footer h3{
    float: right;
    font-size: 14px;
    line-height: 60px;
    color: #666666;
    font-family: myriad_pro_regular;
    font-weight: normal;
}
.footer a {

    color: #666666;
    font-family: myriad_pro_regular;
}
.footer a:hover{
    text-decoration: none;
}
/*start comercial*/
.block_comercial{
    width: 680px;
    min-height: 200px;
}
.block_comercial h2{
    font-size: 18px;
    color: #000;
    font-family: Arial;
}
.block_comercial h3{
    margin-top: 20px;
    font-size: 14px;
    color: #000;
    font-family: Arial;
}
.block_comercial p{
    margin-top: 10px;
    font-size: 13px;
    color: #000;
    font-family: Arial;
    line-height: 18px;
}
.block_comercial ul{
    margin-top: 20px;
}
.block_comercial ul li{
    list-style: none;
    color: #000;
    font-size: 13px;
    font-family: Arial;
    line-height: 30px;
}
/*end comercial*/
/*start contact*/

.block_contact{
    width: 680px;
    min-height: 200px;
}
.block_contact h2{
    font-size: 24px;
    font-family: Arial;
    color: #000;
}
.block_contact h3{
    font-size: 18px;
    font-family: Arial;
    color: #000;
    margin-top: 20px;
}
.telephone{
    background-image: url(/img/telephone.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 29px;
}
.block_contact span{
    margin-top: 9px;
    margin-left: 5px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    color: #000;
}

.first_tab{
    width: 227px;
    height: 45px;
    font-size: 13px;
    color: #333333;
    font-family: myriad_pro_bold;
}
.last_tab input {
    width: 310px;
    height: 24px;
    border: 1px #cccccc solid;
    padding: 2px 7px 2px 7px;
    font-size: 13px;
    color: #333333;
    font-family: Arial;
   
}
.last_tab textarea {
    width: 310px;
    height: 90px;
    border: 1px #cccccc solid;
    padding: 5px 7px 2px 7px;
    font-size: 13px;
    color: #333333;
    font-family: Arial;
}

.last_tab1 {
    width: 310px;
    height: 24px;

    font-size: 14px;
    color: #666666;
    font-family: myriad_pro_regular;
}
/*end contact*/
/*start devis gratuit*/
.devis_gratuit{
    width: 940px;
    min-height: 200px;
}
.devis_gratuit h2{
    font-size: 24px;
    font-family: Arial;
    color: #000;
}
.devis_gratuit h3{
    font-size: 18px;
    font-family: Arial;
    color: #000;
    margin-top: 20px;
}

.last_tab_devis select{
    display: block;
    width: 310px;
    height: 24px;
    border: 1px #cccccc solid;
    padding: 2px 7px 2px 7px;
    font-size: 13px;
    color: #333333;
    font-family: Arial;
    background-image: url(/img/form_button.png);
    background-repeat: no-repeat;
    background-position: top right;

}
.devis1{
    display: block;
    width: 71px;
    height: 24px;
    border: 1px #cccccc solid;
    padding: 2px 7px 2px 7px;
    font-size: 13px;
    color: #333333;
    font-family: Arial;
    background-image: url(/img/form_button.png);
    background-repeat: no-repeat;
    background-position: top right;

}
.devis2{
    display: block;
    width: 129px;
    height: 24px;
    border: 1px #cccccc solid;
    padding: 2px 7px 2px 7px;
    font-size: 13px;
    color: #333333;
    font-family: Arial;
    background-image: url(/img/form_button.png);
    background-repeat: no-repeat;
    background-position: top right;
    margin-left: 10px;

}
.devis3{
    display: block;
    width: 90px;
    height: 24px;
    border: 1px #cccccc solid;
    padding: 2px 7px 2px 7px;
    font-size: 13px;
    color: #333333;
    font-family: Arial;
    background-image: url(/img/form_button.png);
    background-repeat: no-repeat;
    background-position: top right;
    margin-left: 10px;

}

/*end devis gratuit*/

/*start nos services*/
.sub_menu{
    width: 980px;
    height: 24px;
    background-image: url(/img/sub_menu.png);
    background-repeat: no-repeat;
}
.sub_menu ul li{
    list-style: none;
    line-height: 23px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}
.sub_menu ul li.active{
    background-image: url(/img/active.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    text-decoration: none;
}

.sub_menu ul li a{
    text-decoration: none;
    font-size: 12px;
    color: #333333;
    font-family: Arial;

}
.sub_menu ul li a:hover{
    text-decoration: underline;
}

/*end nos services*/
/*start tarofs*/
.tarifs{
    width: 680px;
    min-height: 200px;
}
.tarifs h2{
    font-family: Arial;
    font-size: 24px;
 
}
.tarifs h3{
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
}
.block_tarif{
    background-image: url(/img/block_tarifs.png);
    background-repeat: no-repeat;
    width: 215px;
    height: 260px;
    margin-right: 17px;
}
.top_tarif{
    line-height: 42px;
    color: #fff;
    width: 194px;
    height: 42px;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    padding-left: 20px;
}
.center_tarif{
    width: 194px;
    padding-left: 20px;
    height: 148px;
}
.center_tarif h4{
    font-size: 14px;
    font-family: Arial;
    margin-top: 20px;

}
.center_tarif ul li{
    font-size: 14px;
    color: #333333;
    font-family: Arial;
    margin-top: 10px;
}
.bottom_tarif{
    width: 194px;
    text-align: center;
    font-size: 24px;
    height: 48px;
    font-family: myriad_pro_bold;
    line-height: 48px;
}
.last_child{
    margin-right: 0px;
}
.four_last{
    margin-right: 0px;
}
/*end tarofs*/
/*start references*/

.references{
    width: 940px;
    min-height: 200px;
}
.references h2{
    font-family: Arial;
    font-size: 24px;
}
.references p{
    font-size: 13px;
    font-family: Arial;
    line-height: 20px;
}
.references h3{
    font-size: 18px;
    font-family: Arial;
    margin-top: 20px;
}
.block_comment{
    
    width: 939px;
    min-height: 123px;
    border: 1px #cccccc solid;
    margin-top: 20px;
    
    
}
.inter_coment{
    width: 780px;
    min-height: 97px;
    margin-left: 18px;
    margin-top: 19px;
}
.inter_coment h4{
    font-size: 14px;
    font-family: Arial;
}
.inter_coment span{
    font-size: 12px;
    font-family: Arial;
    color: #666666;
    font-weight: normal;
}
.inter_coment p{
    color: #333333;
    margin-top: 10px;
}
.right_citizien{
    width: 109px;
    height: 90px;
    margin-top: 18px;
    
}
.up{
    background-image: url(/img/up.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
    margin-top: 5px;
}
.down{
    background-image: url(/img/down.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 16px;
    margin-left: 10px;
    margin-top: 5px;
}
.right_citizien span{
    font-family: myriad_pro_bold;
    font-size: 18px;
    color: #009900;
    margin-left:15px;
    
}
.right_citizien h5{
    font-size: 14px;
    font-family: myriad_pro_regular;
    color: #999999;
    font-weight: normal;
    float: right;
    margin-right: 35px;
    margin-top: 20px;
}
.capcha{
    width: 154px;
    height: 49px;
    border: 1px #84636b solid;
}
.capcha img{
    width: 154px;
    height: 49px;
    
}
.capcha_input{
    width: 140px;
    height: 30px;
    padding-left: 20px;
   
}
.capcha_input input{
    width: 140px;
    height: 25px;
}
.refres{
    background-image: url(/img/refresh.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-top: 10px;
    #margin-top: 6px;
    float: left;
    background-position: 0 3px;
    font-size: 12px;
    font-family: Arial;
    color: #666666;
    text-decoration: none;
    display: block;
}
#center table tr td p {
    margin-bottom: 7px;
    margin-top: 7px;
    padding-left: 5px;
}
.local {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: left;
    width: 219px;
}
.local a {
    border-right: 1px solid #CCCCCC;
    color: #3592DB;
    display: block;
    font-family: Trebuchet MS;
    font-size: 14px;
    padding: 2px 0 2px 11px;
}
.local a:hover{
background-color:#EBEBEB;
}
.cardMenu {
    background: url("/img/card.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 20px;
    margin: 0 0 0 217px;
    width: 84px;
}
/*end references*/
/*start resedential*/

/*end resedentil*/