@font-face {
    font-family: Charcoal;
    src: url(charcoalcy.otf);
    font-weight:400;
}
*, ul { margin:0; padding:0; border:0; text-decoration: none; }

body{background: url(../images/fond2.jpg)no-repeat top center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.global{width: 980px;margin: 0 auto;}
.header{width: 294px;height:137px;margin: 0 auto}
.bouton{width: 591px;height:200px;margin: 30px auto; margin-top: 100px}

.left{float: left;display: block;width:470px;}
.left p{padding: 10px 20px;}

.right1{-moz-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
-webkit-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
-o-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
filter:progid:DXImageTransform.Microsoft.Shadow(color=rgbargba(2,3,3,.3), Direction=134, Strength=5);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;float: left;display: block;width:472px;
clear: both;background-color: #f8f8f8;}
.right2{-moz-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
-webkit-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
-o-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
filter:progid:DXImageTransform.Microsoft.Shadow(color=rgbargba(2,3,3,.3), Direction=134, Strength=5);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;float: left;display: block;width:472px;margin-top: 20px;
clear: both;background-color: #f8f8f8;}

.bloc_central{border-radius: 20px 20px 20px 20px;background-color: #f8f8f8;padding: 10px;width:945px; float: left;margin-bottom:100px}
.titre{background: url(../images/bkg_titre.png);width: 972px;height: 97px; margin-left: -12px; margin-top: -10px;} 
.groupe_logo{ background: url(../images/groupe_logo.jpg) no-repeat; width: 937px;height: 473px;}

.marge_gauche{width: 460px;float: left; }
.marge_droite{width: 460px;float: right; }

.titre_h2{color: #e3001b; font-family: Arial; font-size: 19px; margin-left: 20px; padding-top: px;}
.titre_h4{color: #e3001b; font-family: Arial; font-size: 23px; font-weight: bold;}
.gros_titre{color: #e3001b; font-family: Arial; font-size: 19px; margin-left: 25px; margin-top: 21px; font-weight: bold; float: left;}
h1 {color: #e3001b; font-family: Arial; font-size: 19px; margin-left: 20px; padding-top: 20px;}
h2 {color: #e3001b; font-family: Arial; font-size: 19px; margin-left: 20px; padding-top: 20px;}
h3 {color: #e3001b; font-family: Arial; font-size: 19px; margin-left: 20px; padding-top: 20px;}
/*h2 {color: #6d6d6d; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 10px; text-align: center; float: left; padding: 30px;}*/
/*h3 {color: #6d6d6d; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 10px; text-align: center; float: left;padding: 20px}*/
h4 {color: #e3001b; font-family: Arial; font-size: 23px; font-weight: bold;}
p {color: #6d6d6d; font-family: Arial; font-size: 15px; padding: 10px;letter-spacing:0; text-align: justify; line-height:20pt; float: left}
/*p.p_2 {width: 300px; margin-top: 10px; float: left;}
p.p_3 {width: 300px; margin-top: 10px; float: right}*/

.red{color:#e3001b;}

.bloc_left{
-moz-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
-webkit-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
-o-box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
box-shadow: 5px 5px 5px 2px rgba(2,3,3,.3);
filter:progid:DXImageTransform.Microsoft.Shadow(color=rgbargba(2,3,3,.3), Direction=134, Strength=5);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;float:left;background-color: #f8f8f8;width:472px; margin-top: 20px;margin-bottom: 70px}

.bloc_right{

float:left;

width:472px;margin-top: 20px;margin-left: 20px;margin-bottom: 30px

}

.titre_2{background: url(../images/bkg_test.png) left top no-repeat;width: 486px;height: 86px;} 




li{ color: #e3001b; font-family: Arial; font-size: 15px; font-weight: bold; margin-left: 30px; text-decoration:none; text-align: left}
li:first-line{color:#6d6d6d;}

.iphone{background: url(../images/iphone.png); float: left; width: 103px; height: 197px; margin-left: 15px;}
.rio{background: url(../images/rio.png); float: left; width: 279px; height: 66px; margin-left: 95px; margin-bottom:44px; margin-top: 39px;}
.telephone{background: url(../images/telephone.png) no-repeat; float: right; width: 106px; height: 206px;clear: both; padding: 10px}
.phone{background: url(../images/phone.png); float: left; width: 263px; height: 258px; margin-left: 100px}
.code_rio_gratuit{background: url(../images/code_rio_gratuit.png); float: left; width: 161px; height: 159px; margin-left: 0px}


.liste{float: left}
.droite{float:right; width: 350px;}
.fer_gauche{float:left; width: 310px;clear: both;}
.fer_droite{float:left; width: 299px;}

.footer{clear:both;background: #f8f8f8 url(../images/bandeau.jpg) repeat-x; height: 150px; margin-top: 150px;
	-moz-box-shadow: 0px 0px 5px 2px rgba(2,3,3,.3);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(2,3,3,.3);
	-o-box-shadow: 0px 0px 5px 2px rgba(2,3,3,.3);
	box-shadow: 0px 0px 5px 2px rgba(2,3,3,.3);
	padding: 100px}
.bloc1{height: 52px;width:945px;margin: 0 auto}
.bloc-1, .bloc-2, .bloc-3{float: left;width:33%;}


/* Liens Sociaux */

.facebook{background: url(../images/sociaux/facebook.png); width: 64px; height: 64px; float: left; margin-right: 40px}
.twitter{background: url(../images/sociaux/twitter.png); width: 64px; height: 64px; float: left; margin-right: 40px}
.pinterest{background: url(../images/sociaux/pinterest.png); width: 64px; height: 64px; float: left; margin-right: 40px; margin-top: 10px}
.google_plus{background: url(../images/sociaux/google_plus.png); width: 64px; height: 64px; float: left; margin-right: 40px;margin-top: 10px}