/* Général */

body {
margin-bottom: 0px;
font-family: Verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #525252;
background: #fff;
}

html, body, #wrapper, h1, #nav, li, ul {
margin: 0;
padding: 0;
list-style: none;
height: 100%;
}

/*------------------------------*/

/* Page */

#container {
margin: 56px auto;
width: 775px;
border: #b7b6b6 1px solid;
}

/*------------------------------*/

/* Header & Menu */

#header {  
left: 0px;
width: 775px;
height: 96px;
background-image: url(images/header.jpg);
}

/*------------------------------*/

/* Header 2 */

#header_b {
background-image: url(images/header2_l.jpg);
background-repeat: no-repeat;
width: 775px;
height: 180px;
background-position: center;
}

/*------------------------------*/

/* Milieu */
/* Centre */

#middle {
background-image:url(images/middle.jpg);
width: 775px;
height: 190px;
background-repeat: no-repeat;
background-position: center;
}

#middle_404 {
background-image:url(images/middle404.jpg);
width: 775px;
height: 190px;
background-repeat: no-repeat;
background-position: center;
}

#middle_404 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
text-align: justify;
padding-left: 187px;
width: 310px;
white-space: normal;
line-height: 15px;
margin-bottom: -105px;
}

#middle_404 a {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_404 a:hover {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

#middle p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
text-align: justify;
padding-left: 187px;
width: 310px;
white-space: normal;
line-height: 15px;
margin-bottom: -105px;
}

#middle a{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle a:hover{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

/*Droite*/

#middle .right_a a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -68px;
margin-right: 75px;
}

#middle .right_b a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -47px;
margin-right: 75px;
}

#middle .right_c a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -27px;
margin-right: 95px;
}

#middle .right_d a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -6px;
margin-right: 95px;
}

#end a{
width: 129px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #f7f7f7;
text-decoration: none;
margin-top: -43px;
padding-right: 95px;
}

/*------------------------------*/

/* Footer 1*/
/*gauche*/

#footer_left{
background-image: url(images/bloc_vs.jpg);
background-repeat: no-repeat;
width: 262px;
height: 227px;
background-position: center;
}

#footer_left p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 120px;
text-align: justify;
padding-left: 0px;
width: 240px;
white-space: normal;
line-height: 15px;
margin-bottom: -55px;
}

#footer_left a{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: underline;
text-align: right;
padding-right: -100px;
}

#footer_left a:hover{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: none;
text-align: right;
padding-right: -100px;
}

/*milieu*/
#footer_center{
background-image: url(images/bloc_vw.jpg);
background-repeat: no-repeat;
width: 272px;
height: 227px;
margin-left: 259px;
margin-top: -227px;
}

#footer_center p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 130px;
text-align: justify;
padding-left: 0px;
width: 240px;
white-space: normal;
line-height: 15px;
}

#footer_center a{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: underline;
text-align: right;
padding-right: -100px;
}

#footer_center a:hover{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: none;
text-align: right;
padding-right: -100px;
}

/*droite*/
#footer_right{
background-image: url(images/bloc_vg.jpg);
background-repeat: no-repeat;
width: 246px;
height: 227px;
margin-left: 528px;
margin-top: -227px;
}

#footer_right p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 130px;
text-align: justify;
padding-left: 0px;
width: 230px;
white-space: normal;
line-height: 15px;
}

#footer_right a{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: underline;
text-align: right;
padding-right: -100px;
}

#footer_right a:hover{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: none;
text-align: right;
padding-right: -100px;
}

/*------------------------------*/

/* Footer */

#footer_top{
background-image: url(images/line_footer.jpg);
background-repeat: no-repeat;
width: 775px;
height: 9px;
background-position: center;
}

#footer{
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
width: 775px;
height: 49px;
}

#footer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
padding: 21px;
text-align: right;
padding-left: 20px;
}

#footer a{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: none;
text-align: right;
padding-right: -100px;
}

#footer a:hover{
font-size: 12px;
color: #333;
padding: 1px;
text-decoration: underline;
text-align: right;
padding-right: -100px;
}

/*------------------------------*/

/* Renforcez votre visibilité */
/* Centre */

#middle_visibility {
background-image:url(images/middle_visibility.jpg);
width: 775px;
height: 190px;
background-repeat: no-repeat;
background-position: center;
}

#middle_visibility p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
text-align: justify;
padding-left: 187px;
width: 310px;
white-space: normal;
line-height: 15px;
margin-bottom: -105px;
}

#middle_visibility  a{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_visibility  a:hover{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

/*Droite Visibilité*/

#middle_visibility .right_a a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -68px;
margin-right: 75px;
}

#middle_visibility .right_b a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -47px;
margin-right: 75px;
}

#middle_visibility .right_c a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -27px;
margin-right: 95px;
}

#middle_visibility .right_d a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -6px;
margin-right: 95px;
}

#end_visibility a{
width: 129px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #f7f7f7;
text-decoration: none;
margin-top: -43px;
padding-right: 95px;
}

/*------------------------------*/

/* Générez de la clientèle */
/* Centre */

#middle_generate {
background-image:url(images/middle_generez.jpg);
width: 775px;
height: 190px;
background-repeat: no-repeat;
background-position: center;
}

#middle_generate p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
text-align: justify;
padding-left: 187px;
width: 310px;
white-space: normal;
line-height: 15px;
margin-bottom: -105px;
}

#middle_generate  a{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_generate  a:hover{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

/*Droite Générez*/

#middle_generate .right_a a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -68px;
margin-right: 75px;
}

#middle_generate .right_b a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -47px;
margin-right: 75px;
}

#middle_generate .right_c a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -27px;
margin-right: 95px;
}

#middle_generate .right_d a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -6px;
margin-right: 95px;
}

#end_generate a{
width: 129px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #f7f7f7;
text-decoration: none;
margin-top: -43px;
padding-right: 95px;
}

/*------------------------------*/

/* Maîtrisez les outils */
/* Centre */

#middle_master {
background-image:url(images/middle_master.jpg);
width: 775px;
height: 190px;
background-repeat: no-repeat;
background-position: center;
}

#middle_master p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
text-align: justify;
padding-left: 187px;
width: 310px;
white-space: normal;
line-height: 15px;
margin-bottom: -105px;
}

#middle_master  a{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_master  a:hover{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

/*Droite Maîtrisez*/

#middle_master .right_a a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -68px;
margin-right: 75px;
}

#middle_master .right_b a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -47px;
margin-right: 75px;
}

#middle_master .right_c a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -27px;
margin-right: 95px;
}

#middle_master .right_d a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -6px;
margin-right: 95px;
}

#end_master a{
width: 129px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #f7f7f7;
text-decoration: none;
margin-top: -43px;
padding-right: 95px;
}

/*------------------------------*/

/* Diffusez votre image */
/* Centre */

#middle_diffuse {
background-image:url(images/middle_diffuse.jpg);
width: 775px;
height: 190px;
background-repeat: no-repeat;
background-position: center;
}

#middle_diffuse p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
text-align: justify;
padding-left: 187px;
width: 310px;
white-space: normal;
line-height: 15px;
margin-bottom: -105px;
}

#middle_diffuse  a{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_diffuse  a:hover{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

/*Droite Diffusez*/

#middle_diffuse .right_a a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -68px;
margin-right: 75px;
}

#middle_diffuse .right_b a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -47px;
margin-right: 75px;
}

#middle_diffuse .right_c a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -27px;
margin-right: 95px;
}

#middle_diffuse .right_d a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -6px;
margin-right: 95px;
}

#end_diffuse a{
width: 129px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #f7f7f7;
text-decoration: none;
margin-top: -43px;
padding-right: 95px;
}

/*------------------------------*/

/* Animez vos idées */
/* Centre */

#middle_animate {
background-image:url(images/middle_animate.jpg);
width: 775px;
height: 190px;
background-repeat: no-repeat;
background-position: center;
}

#middle_animate p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
text-align: justify;
padding-left: 187px;
width: 310px;
white-space: normal;
line-height: 15px;
margin-bottom: -105px;
}

#middle_animate  a{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_animate  a:hover{
color: #b90c12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

/*Droite Animez*/

#middle_animate .right_a a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -68px;
margin-right: 75px;
}

#middle_animate .right_b a{
width: 149px;
float: right;
color: #f7f7f7;
margin-top: -47px;
margin-right: 75px;
}

#middle_animate .right_c a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -27px;
margin-right: 95px;
}

#middle_animate .right_d a{
width: 129px;
float: right;
color: #f7f7f7;
margin-top: -6px;
margin-right: 95px;
}

#end_animate a{
width: 129px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #f7f7f7;
text-decoration: none;
margin-top: -43px;
padding-right: 95px;
}

/*------------------------------*/

/* mentions légales, contact */

#middle_legal {
background-color: #fff;
width: 685px;
height: 400px;
overflow-y: scroll;
overflow-x: hidden;
margin-top: -5px;
margin-left: 48px;
}

#middle_legal p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
margin-bottom: -110px;
text-align: justify;
padding-left: 55px;
width: 550px;
}

#middle_legal a{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_legal a:hover{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

/***/

#middle_contact {
background-color: #fff;
width: 685px;
height: 400px;
overflow-y: scroll;
overflow-x: hidden;
margin-top: -5px;
margin-left: 48px;
}

#middle_contact h4 {
color: #333;
font-size: 11px;
margin: 0 10px 10px 10px;
padding: 60px;
text-align: center;
padding-left: 90px;
width: 500px;
white-space: normal;
margin-bottom: -68px;
font-weight: bold;
}

#middle_contact p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 10px 10px 10px;
padding: 58px;
margin-bottom: -110px;
text-align: justify;
padding-left: 55px;
width: 550px;
}

#middle_contact a{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: justify;
}

#middle_contact a:hover{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
text-align: justify;
}

label {
float: left;
width: 10em;
font: 1,3em Arial, Helvetica, sans-serif; 
text-align: justify;
padding-left: 100px;
}
 
input {
padding-right: 70px;
padding-left: 70px;
text-align: left;
}

/*------------------------------*/

/* Titres */

h1 {
color: #b90c12;
font-size: 14px;
margin: 0 10px 10px 10px;
padding: 20px;
text-align: justify;
width: 500px;
white-space: normal;
line-height: 15px;
margin-bottom: -440px;
font-weight: bold;
}

h2 {
color: #950f14;
font-size: 13px;
margin: 0 10px 10px 10px;
padding: 60px;
text-align: justify;
padding-left: 55px;
width: 500px;
white-space: normal;
line-height: 15px;
margin-bottom: -110px;
font-weight: bold;
}

h3 {
color: #474747;
font-size: 11px;
margin: 0 10px 10px 10px;
padding: 60px;
text-align: justify;
padding-left: 55px;
width: 500px;
white-space: normal;
margin-bottom: -110px;
font-weight: bold;
}

h4 {
color: #333;
font-size: 11px;
margin: 0 10px 10px 10px;
padding: 60px;
text-align: center;
padding-left: 55px;
width: 500px;
white-space: normal;
margin-bottom: -110px;
font-weight: bold;
}

/*------------------------------*/