@charset "utf-8";

/*********************************
			GENERAL
*********************************/
body{
color: #6a6a6a;
font-family:"trebuchet ms", verdana, arial;
font-size:14px;}

html {
overflow-y:scroll;}

a{text-decoration:none;}

p a{text-decoration:underline;color:#0baede;}

.texte-presentation p, .texte-presentation li{font-size:15px;text-align:justify;}

/*********************************
			TYPO
*********************************/
@font-face {
    font-family: 'fineliner_scriptregular';
    src: url('font/fineliner_script-webfont.eot');
    src: url('font/fineliner_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/fineliner_script-webfont.woff') format('woff'),
         url('font/fineliner_script-webfont.ttf') format('truetype'),
         url('font/fineliner_script-webfont.svg#fineliner_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

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

}

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


p{
text-align:left;
color: #6a6a6a;
font-size:14px;}
.texte p, .texte ul{margin:10px 0;}
.texte h2{margin:10px 0;}

.texte p, .texte ul li{text-align:justify;}

.texte{
width:750px;
margin:15px auto 40px auto;}
.texte p{
padding-right:0;}

.float-left{
float:left;}

.float-right{
float:right;}

.souligne{
text-decoration:underline;}

.pointer{cursor:pointer;}

#conteneur {
width: 960px;
margin-right: auto;
margin-left: auto;}

#contenu {
width: 940px;
padding:10px 10px 0 10px;}

.centrer, p.center, .contenu .texte p.center{
text-align:center;}

.align-droite{
text-align:right;}

.ombre-accueil{
margin-left:62px;
margin-top:15px;}

.ombre{
margin-left:72px;
margin-bottom:15px;
margin-top:15px;}

.ombre2{
margin-left:72px;
margin-top:15px;}

.ombre2-accueil{
margin-left:62px;}

.trait-bleu{
height:1px;
border-bottom:1px solid #043b4c;
margin-top:20px;
margin-bottom:15px;}

.fleche-droite{
margin-top:2px;}

.fleche-haut{
margin-right:3px;}

.typo14{
font-size:14px;}
.typo16{
font-size:16px;}

.rose-hover:hover{
color:#a90077;}

.img-droite{
float:right;
margin-left:20px;}

.img-gauche{
float:left;
margin-right:20px;}

.marge-d-g{margin:0 10px;}
.marge-haut-10{margin-top:10px;}
.mage-haut-20{margin-top:20px;}
.marge-bas-10{margin-bottom:10px;}

.typo2{font-family: 'fineliner_scriptregular', arial, verdana;}

/*********************************
	PARTAGE RESEAUX SOCIAUX
*********************************/
.partage-reseaux{
width:310px;
margin-top:35px;
margin-left: 40px;
//text-align:right;
}

.partage-reseaux-accueil{
width:100%;
margin-top:10px;
text-align:right;}

.partage-reseaux-accueilv2{
width:350px;
margin-top:10px;
text-align:right;
float:right;
margin-right:55px;}

.partage-google-plus{
width:100px;}

.partage-twitter{
width:76px;
margin:0 8px;}

.fb-like{
margin-left:60px;}
/*********************************
	TITRES avec traits bleus
*********************************/
.trait-bleu-gauche, .trait-bleu-droite{
width:350px;
height:10px;
border-top:1px solid #043b4c;
margin-top:13px;}

.titre1, .titre2{
width:940px;
min-height:30px;
margin-top:40px;}

.titre1{
margin-bottom:15px;}

.titre-h2{
width:240px;
height:30px;
text-align:center;}

.h2-accueil{
font-size:20px;
margin-top:15px;}

/*********************************
			TITRES
*********************************/
h1, .h1 {
font-family: 'LondonMMRegular', "trebuchet MS", verdana;
color:#043b4c;
font-size:22px;}

h1{
margin-top:35px;}

#achin{
width:590px;}

h2 {
font-family: 'LondonMMRegular', "trebuchet MS", verdana;
color:#a90077;
font-size:24px;}

h3 {
font-family: 'LondonMMRegular', "trebuchet MS", verdana;
color:#043b4c;
font-size:20px;
font-weight:200;}

.titre-h3-accueil{
/*font-family: 'LondonBetweenRegular', "trebuchet MS", verdana;*/
/*color:#7ea90a;*/
color:white;
font-size:20px;
min-height:50px;}

h4 {
font-family: 'LondonMMRegular', verdana, "trebuchet MS";
color:#a90077;
font-size:17px;
font-weight:200;}

.titre-h4-accueil{
font-family: verdana, 'LondonMMRegular', "trebuchet MS";
color:white;
font-size:16px;
text-align:center;}

.titre-h2{
text-align:center;}

/*********************************
			COULEURS
*********************************/
.gris{color:#6a6a6a;}
.bleu, h3 a{color:#043b4c;}
.bleu-clair{color:#0baede;}
.blanc{color:white;}
.rose{color:#a90077;}
.vert{color:#7ea90a;}


/*********************************
			TABLEAU
*********************************/
.table-contact tr td{
padding-top:10px;
border-bottom:0!important;}

.table-contact{
width: 750px;
margin-top:20px;
border-top:1px solid #0BAEDE;}

.table-contact tr{
background:none!important;
border-bottom:none!important;}

table td{
border-bottom:1px solid #0BAEDE;}

table tr:nth-child(odd){
border-bottom:1px solid #0BAEDE;
background:#b5e7fa;}

/*********************************
			HEADER
*********************************/
#header {
height: 202px;
width: 960px;}

#header #maxinfoweb {
height: 70px;
width: 236px;
margin-top: 118px;
margin-left: 10px;}

#header #logo_maxinfoweb {
height: 144px;
width: 172px;
margin-top: 58px;
margin-right: 10px;}

.header-noel{
position:relative; 
height:202px; 
width:100%;
background:url(http://www.maxinfoweb.com/css/img/header-nouvel-an.jpg) top center no-repeat;}

.header-noel a{
position:absolute; top:82px; left:492px; width:304px; height:64px;display:block;}

/*********************************
			MENU
*********************************/

.fond_menu{
background:url('img/fond-menu.jpg');
height:48px;
width:100%;
position: absolute;
z-index: -1;
left: 0px;
top:200px
/*op: 202px;*/}

#menu {
width:960px;
/*padding:16px 11px 0 0;*/
padding:14px 11px 0 0;
height:37px;
font-family: 'LondonBetweenRegular', "trebuchet MS", verdana;
font-size:17px;
text-align:center;}

#menu ul .menu1{
display:inline;
margin:0 30px;
position: relative;}

#menu a{
color:white;}

#menu ul li ul li a{
color:#2d2b3f;}

#menu a:hover{
color:#0baede;
text-decoration:none;}

.sous-menu{
font-weight:200;
color:#0baede;}

#menu ul li{
margin:3px 0;}

/*********************************
			FOOTER
*********************************/
#footer {
height:130px;
width:100%;
background-image:url(img/fond-footer.jpg);
background-repeat: repeat-x;
font-size:12px;}

#footer #centre_footer {
margin-right: auto;
margin-left: auto;
width:960px;
height: 110px;
padding-top:20px;}

.footer-gauche{
width:85px;
height: 110px;}

.footer-droite{
width:855px;
height: 110px;
text-align:center;}

.plan-footer a{
color:white;
text-decoration:none;}

/*********************************
			FIL D'ARIANE
*********************************/
.ariane{
font-variant: small-caps;}

.ariane-lien:hover{
text-decoration: underline;
color: #0baede;}

/*********************************
	zone bas : réseaux soc
*********************************/
.zone-bas{
margin:auto;
width:940px;
height:44px;}

.res-soc{
width:176px;
height:44px;}

.div-fb{
width:33px;
height:31px;
margin-top:13px;
margin-left:10px;}

.div-google{
width:33px;
height:31px;
margin-top:13px;
margin-left:5px;}

.div-tweeter{
width:75px;
height:44px;}

.fb{
background:url('img/facebook.jpg') bottom left no-repeat;
width:33px;
height:31px;}

.fb:hover{
background:url('img/facebook.jpg') top left no-repeat;
width:33px;
height:31px;}

.google-plus{
background:url('img/google-plus.jpg') bottom left no-repeat;
width:33px;
height:31px;}

.google-plus:hover{
background:url('img/google-plus.jpg') top left no-repeat;
width:33px;
height:31px;}

.tweeter{
background:url('img/tweeter.jpg') bottom left no-repeat;
width:75px;
height:44px;}

.tweeter:hover{
background:url('img/tweeter.jpg') top left no-repeat;
width:75px;
height:44px;}

.sous_menu{
	position: absolute;
	top: 50px;
	left: 0px;
	/*background-color: #006;*/
	/*height: 100px;*/
	width: 250px;
	display: none;
	z-index: 10;
}

.haut_sous_menu{
	float: left;
	height: 30px;
	width: 250px;
	background-image: url(/css/img/haut-sous-menu.png);
}

.bas_sous_menu{
	float: left;
	height: 23px;
	width: 250px;
	background-image: url(/css/img/bas-sous-menu.png);
}
.millieu_sous_menu{
	float: left;
	width: 218px;
	/*background-color: #054b5f;*/
	background: white url("img/fond-gris-devis.jpg") repeat;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: white;
	border-left-color: white;
	font-size:16px;
	text-align:left;
	padding:15px ;
	font-family:'LondonMMRegular',"trebuchet MS",verdana;
	font-size:17px;
	border-radius:6px;
	margin-top:12px;
	box-shadow: 0 0 5px #aaa; 
}

div.millieu_sous_menu_grand{
width:440px}

div.millieu_sous_menu_moyen{
width:240px}

.millieu_sous_menu a{
display:block;
/*margin:20px 0;*/}

#menu ul li.trait-menu{
background:#d9d9d9;
height:1px;
width:440px;
margin:10px 0;}

.fleche-haute{
width:440px;
height:20px;
background:url("img/fleche-menu.png") no-repeat top center;}

.ss-menu-crea a{
display:inline;
margin:0;}

.millieu_sous_menu a{
	text-decoration: none;
}

/***************
* popup cnil
***************/
#cookie-banner{
position: absolute;
width: 100%;
left: 0px;
top: 0px;
background-color: blue;
z-index: 10000;
padding: 10px;
text-align: center;
color: white;
}
#cookie-banner p{
color: white;
}
#cookie-banner a{
    color: #ccffff;
    text-decoration: underline;
}

/********
* liste
*************/
.liprotection{
    list-style-type: circle;
    padding-left: 25px;
}