/* Start of CMSMS style sheet 'airelibre2' */
/* REGLES GENERALES **************************************/
*, ul, li {
margin: 0;
padding: 0;
border-width: 0;
font-family: Arial, Sans-serif;
color: black;
font-size: 10pt;
}

body {
background-image: url('images/airelibre/fondpage.jpg');
}

/* LIENS */
a, a:link, a:hover {
text-decoration: none;
}

#corps p a, #corps p a:link, #corps ul li a, div#infos-site p a:hover {
color: #e26f21; 
}
#corps a:hover {
text-decoration: underline
}
#corps .cadre p a {
color: white;
}
.cadre p {
text-align: left;
font-size: 11px;
}

#ariane a:hover {
text-decoration: underline
}

div#infos-site p a {
color: #222;
font-size: 12px;
}

div#infos-site p {
text-align: left;
}

/* Imprimer article */
p.date_article a {
font-size: 8pt;
}

/* IMAGES ***************************/
/* Telephone */
img#telephone {
float: right;
margin-top: 3px;
margin-right: 20px;
}


/* Image dans une page */
img.image_page {
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid black;
}

img.icone {
float: left;
margin-right: 10px;
}
img.t64 {
height: 64px;
width: 64px;
}

.gauche {
float: left;
margin-right: 10px;
height: 64px;
width: 64px;
}

/* Image référence home page */
img.bordure {
border: 1px solid black;
}

/* Image zoom avec Greybox */
/*Texte en haut de page */
span.GB_navStatus {
color: white;
}

div.ombre-ref {
background-image: url('images/airelibre/contour-grande-ref.jpg');
width: 400px;
height: 266px;
padding: 12px;
float: right;
margin-left: 10px;
}
/* Image site référence cataloger */
div.catalog_item img {
border: 0px solid #222;
}
div#infos-site img {
margin-top: 8px;
}

/* LISTES ***************************/

li {
margin-left: 20px;
}
ul {
margin-bottom: 13px;
}

/* CLEAR ***************************/

.clearb {
clear: both;
display: block
height: 0px;
border-width: 0px;
}

.clearl {clear: left}
.clearr {clear: right}

/* TEXTES ********************/
p {
margin-bottom: 10px;
font-size 10pt;
}

#corps p {
text-align: justify;
}
p.droite, #corps p.droite {
text-align: right;
}

p.date_article {
font-size: 8pt;
margin-bottom: 15px;
}

h1, h2, h3, h4 {
font-weight: bold;
}

h1 {
font-size: 16pt;
color: #e26f21;
font-weight: normal;
margin-bottom: 20px;
}
h2, h2 a {
font-size: 13pt;
color: #005f8e;
margin-bottom: 10px;
margin-top: 20px;
}
.cadre h2, .cmsms_large h2 {
margin-top: 0px;
}
ul#ref-nav h2 a {color: #005F8E;}
.cadre li {
color: white;
}

h3, h3 a {
font-size: 13px;
color: #555;
margin-top: 18px;
}
.cadre h3 {
margin-top: 0px;
}
div#infos-site h3,
div#infos-site h3 a {
margin-top: 12px;
}

h4,
h4 a {
font-size: 9pt;
margin-bottom: 4px;
}

div#footer p,
div#footer a,
div#footer strong {
font-size: 8pt;
text-align: center;
}

/********************* TABLEAUX */
table.orange {width: 100%; border: 1px solid black; padding: 0; border-collapse: collapse}
table.orange th {background-color: #E26F21; color: white; font-weight: bold; padding: 2px; border-bottom: 1px solid black}
table.orange td {padding: 4px; border: 1px solid grey}
td.colgauche {background-color: #eda574}


/* FORMS ********************/
input,
textarea {
border: 1px solid #bbb;
background-color: white;
font-size: 9pt;
}
input:hover,
textarea:hover,
textarea:active {
border: 1px solid #888;
}
label {
margin-right: 10px;
}

table.formcontact input,
table.formcontact textarea {
margin-left: 10px;
margin-bottom: 3px;
}

table.formcontact input.fbsubmit {
width: 180px;
height: 20px;
background-color: #888;
color: white;
}
table.formcontact input.fbsubmit:hover {
background-color: #005f8e;
}

/* DIVS **************************************/
div#site {
margin: 0 auto;  /* Centrage du site */
width: 991px;
background: white url('images/airelibre/fond_ombre2.gif') no-repeat top left;
}

div#bandeau,
div#menu,
div#outils,
div#contenu,
div#footer {
width: 940px;
padding: 20px;
margin-left: 5px;
}

div#bandeau {
height: 97px;
background-image: url('images/airelibre/fond_bandeau2.jpg');
}
div#bandeau img {
margin-left: -4px;
margin-top: 26px;
}
div#menu {
height: 76px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
width: 960px;
background-image: url('images/airelibre/fond_menu3.jpg');
}

div#outils {
width: 950px;
padding: 0;
padding-top: 16px;
padding-bottom: 10px;
clear: both;
}
div#ariane {
float: left;
margin-top: 0px;
padding-top: 0px;
}
div#ariane, div#ariane span, div#ariane a,
div#recherche input, div#recherche label {
font-size: 8pt;
color: #666
}

div#bandeau_principal {
width: 300px;
float: right;
}
div#bandeau_blog {
width: 300px;
float: right;
}

div#corps {
width: 640px;
float: left;
padding-top: 7px;
}

{* colonne dans un corps de texte *}
div.colonne {
width: 260px;
float: left;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
margin: 0px;
margin-bottom: 10px;
}

div#infos-site {
float: left;
width: 200px;
margin-bottom: 18px;
}

div#footer {
padding-bottom: 0px;
margin-top: 20px;
}

/* BLOCS DE PRESENTATION**************************************************/
/* GENERALITES */
div.cadre {
height: 200px;
padding: 10px;
float: left;
width: 260px;
margin-bottom: 10px;
margin-right: 10px;
overflow: hidden;
}
.cadre p,
.cadre h2,
.cadre h3,
.cadre h4,
.cadre a {
color: white;
}

.cadre a:hover {
color: #888;
}

.cadre h3 {
font-weight: normal;
}
.cmsms_large h3 {
margin-left: 120px;
}

.cadre a {
font-weight: bold;
text-align: right;
}

#bandeau_blog div.cadre,
#bandeau_principal div.cadre {
margin-right: 0px;
float: right;
}

img.lien {
float: right;
}

/* CMSMS LARGE*/
div.cmsms_large {
width: 550px;
background-image: url('images/airelibre/fond_cmsms_large.jpg');
background-color: #006190;
overflow: hidden
}
div.cmsms_large div {
float: left;
margin-left: 72px !important;
margin-left: 50px;
margin-top: 22px;
width: 175px;
}
div.cmsms_large div p {
font-size: 8pt;
}

/* SLIDER -------------------------------*/
div#slider {
width: 650px;
height: 270px;
margin-bottom: 10px;
float: left;
margin-right: 10px;
}

div#slider ul {
list-style-type: none;
width: 160px;
float: left;
}
div#slider ul li {
margin-left: 0;
height: 90px;
}

div.slide {
width: 480px;
height: 270px;
float: left;
display: block;
position: absolute;
margin-left: 160px;
padding-left: 10px;
}

div.slide h2 {
margin-top: 12px;
margin-bottom: 2px;
}
div.slide h3 a {
color: white;
font-size: 13px;
font-weight: normal
}
div.slide p {
color: white;
margin-right: 10px;
}
div.slide a,
div.slide p span {
color: white;
}

a.lien-slide {
position: absolute;
bottom: 15px;
right: 0;
}

div#slide1 {background-image: url('images/airelibre/slider-creation-site.jpg'); z-index: 100;}
div#slide2 {background-image: url('images/airelibre/slider-boutique-prestashop.jpg'); z-index: 50;}
div#slide3 {background-image: url('images/airelibre/slider-services.jpg'); z-index: 10;}

img#arguments-cmsms {
margin-left: 20px;
margin-top: 15px;
margin-bottom: 20px;
}

/* CMSMS PETIT */
div.cmsms_petit {
background-image: url('images/airelibre/fond_cmsms_petit.jpg');
background-color: #006190;
margin-right: 0px;
}
div.cmsms_petit div {
float: right;
width: 180px;
}

/* QUI SUIS-JE */
div.qui {
background-image: url('images/airelibre/fond-noir-2.jpg');
margin-right: 0px;
height: 250px;
}
div.qui strong {
color: white;
}

/* DERNIERE REALISATION */
div.ref {
background-image: url('images/airelibre/fond-ref-actu.jpg');
background-repeat: no-repeat;
width: 640px;
padding-right: 0;
}
div.ref p,
div.ref a {
color: #333;
}

div#refs {width: 350px; float: left}
div#der-actu {width: 250px; float: right; height: 100%}

#easyslider ul, #easyslider li{
margin: 0;
padding: 0;
list-style:none;
}
#easyslider, #easyslider li{ 
	width: 350px;
	height: 160px;
	overflow:hidden; 
	}

#easyslider h3, #easyslider h4 {color: #222;}
#easyslider p {color: #444}

div.ombre {
background-image: url('images/airelibre/contour-ref.png');
width: 204px;
height: 138px;
padding-top: 8px;
padding-left: 8px;
float: left;
}
#easyslider span {
margin-top: 10px;
margin-left: 10px;
float: left;
}
#easyslider span p {
font-size: 11px;
}
#nextBtn {
float: right;
padding-right: 25px;
}
#prevBtn {
margin-right: 20px;
float: left;
}

/* Sticker CMSMS réalisations home */
img.sticker-cmsms {
margin-top: 8px;
margin-bottom: -5px;
}

img.lien-voir-site {
margin-left: -10px;
}

/* UN PROJET */
div.tarifs {
background-image: url('images/airelibre/fond-cadre-tarifs.jpg');
margin-right: 0px;
padding-right: 0px;
width: 270px;
}
div.tarifs img.boite {
position: relative;
left: -10px;
bottom: -12px;
float: left;
}
div.tarifs ul {
margin-left: 110px;
padding-top: 10px;
}

/* DERNIER ARTICLE BLOG */
div.blog {
background-image: url('images/airelibre/fond_gris.jpg');
margin-right: 0px;
}

/* MENU 2 */
div.menu2 {
background: #ececec url('images/airelibre/fond_menu2.jpg') no-repeat top left;
height: auto;
min-height: 200px;
}

/* MENU PRINCIPAL ********************************************/
/* Home */
a#home {
padding-top: 5px;
float: left;
margin-right: 6px;
}

/* UL                         */
ul#primary-nav, 
ul#primary-nav ul,
ul#primary-nav ul ul {
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 10px;
z-index: 200;
}
ul#primary-nav ul {
position: absolute;
padding-left: 7px;
background-image:  url('images/airelibre/fond-menu-noir.png');
margin-top: 0px;
padding: 15px;
padding-top: 0;
}
ul#primary-nav ul ul {
position: relative;
padding-left: 7px;
background-image: none;
margin-top: 0px;
}

/* LI                        */
ul#primary-nav li {
float: left;
margin: auto;
}

ul#primary-nav li li,
ul#primary-nav li li li {
float: none;
margin-top: 12px;
}
ul#primary-nav li li {
margin-right: 10px;
}
ul#primary-nav li li li {
margin-top: 0;
margin-right: 0px;
}

/* A  SPAN                         */
ul#primary-nav li a {
display: block;
}
ul#primary-nav li a span {
border: 0px solid red;
padding: 8px;
padding-top: 9px;
padding-right: 12px;
}
ul#primary-nav ul li a span {
padding: 0px;
}

/* AFFICHAGE - MASQUAGE */
ul#primary-nav ul {
display: none;
}
ul#primary-nav li:hover ul {
display: block;
}


/* Fonts */
ul#primary-nav span {
color: #bcbcbc;
font-size: 14px;
font-weight: bold;
}
ul#primary-nav ul span {
font-size: 13px;
}
ul#primary-nav ul ul span {
font-size: 12px;
font-weight: normal;
}
#primary-nav li a:hover span,
#primary-nav li a:hover {
color: grey;
}

/* MENU RUBRIQUE ********************************************/
.menu2 a,
.menu2 a span {
color: black;
font-weight: normal;
font-size: 10pt;
}

.menu2 a.currentpage {
color: grey;
}

.menu2 ul {
list-style-type: none;
}

/* MENU DES REFERENCES **************************************/
ul#ref-nav {
list-style-type: none;
}

ul#ref-nav li {
margin-left: 0px;
float: left;
}
{* une fois sur deux, marge à droite *}
ul#ref-nav li.impair {
margin-right: 10px;
}

ul#ref-nav li img {
border: 1px solid grey;
}

/* FIN MENU ********************************************/

/* RECHERCHE ******************************************/
div#recherche {
float: right;
margin-right: 20px;
}

div#recherche label {display: none;}
#recherche .search-input {width: 100px}
#recherche .search-button {width: 30px}

span.searchhilite {
font-weight: bold;
color: #e26f21; 
}

/* ALBUM *********************************************/
ul.picturelist {list-style-type: none}
li.thumb {float: left;}
/* End of 'airelibre2' */