* {padding:0; margin:0; background-repeat:no-repeat;}
ul {list-style:none;}
a {text-decoration:none;}
a:hover {}
a img {border:0;}
body {background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;}
.center{text-align:center;}
.clear{clear:both;}


#cadre {width:900px; margin:0 auto;}
#header {background-image:url(images/logo.png); height:92px; width:inherit; float:left; line-height:92px; margin:5px 0 15px 0; text-indent:100px;font-size:24px;}
#header .adresse{background-image:url(images/picto_tel.png);padding-right:150px;background-position:center right;text-align:right;height:inherit;line-height:inherit;color:#929191;float:right;font-size:13px;}
/* #header .fb-like *{ padding:0; margin:0;} */
#header .fb-like {height:25px; width:80px; text-align:right;}

/**** MENU ****/
#menu {width:inherit; height:30px; line-height:30px; float:left; font-weight:bold;}
#menu ul{ height:inherit;}
#menu ul li{float:left; padding-right:40px; height:inherit; line-height:inherit; text-align:center;}
#menu ul li.first{}
#menu ul li a{line-height:inherit; height:inherit; width:inherit; display:block; color:#929191; text-transform:uppercase;}
#menu ul li a:hover, #menu ul li.selected a{color:#FFF;}

#reportages #menu,
#faq #menu,
#contact #menu,
#plan-du-site #menu,
#mentions #menu,
#map #menu {margin-bottom:20px;}

#studio-galerie #ssmenu, 
#studio-videos #ssmenu, 
#studio-tarifs #ssmenu, 
#studio-contact #ssmenu {margin:0 0 20px 5px;float:left;}

#mariage-galerie #ssmenu,
#mariage-tarifs #ssmenu,
#mariage-contact #ssmenu {margin:0 0 20px 95px;float:left;}

#evenementiel-galerie #ssmenu,
#evenementiel-tarifs #ssmenu,
#evenementiel-contact #ssmenu {margin:0 0 20px 195px;float:left;}

#albums-et-produits-telechargement #ssmenu,
#albums-et-produits-impression #ssmenu,
#albums-et-produits-fiche-produit #ssmenu,
#albums-et-produits-produits-derives #ssmenu {margin:0 0 20px 330px;float:left;}

#ssmenu ul {}
#ssmenu ul li {float:left;padding:0 20px 0 0; list-style:outside;margin-left:10px; color:#929191;}
#ssmenu ul li:hover {color:#FFF;}
#ssmenu ul li a{line-height:inherit; height:inherit; width:inherit; display:block; color:#929191;}
#ssmenu ul li.selected{color:#FFF;}
#ssmenu ul li a:hover, #ssmenu ul li.selected a{color:#FFF;}
/**** FIN MENU ****/



#contenu {width:inherit; text-align:justify; float:left;}
#contenu #col1 {width:25%; float:left;}
#contenu #col2 {width:75%; float:left;}

#contenu p {margin-bottom:8px;}
#contenu ul{margin-bottom:8px;}
#contenu h1{font-size:16px;margin-bottom:8px;font-weight:bold;background-image:url(images/footer.png);height:30px;line-height:30px; text-transform:uppercase;text-indent:10px;}
#contenu h2{font-size:14px;margin-bottom:8px;font-weight:bold;}
#contenu h3{font-size:13px;margin-bottom:8px;font-weight:bold;color:#929191;}
#contenu h4{font-size:13px;margin-bottom:8px;}
#contenu h5{font-size:13px;margin-bottom:8px;}
#contenu h6{font-size:13px;margin-bottom:8px;}
#contenu hr{margin-bottom:8px;}
#contenu a{text-decoration:underline;color:#FFF;}

#contenu .bloc{float:left;width:25%;}
#contenu .bloc a{color:#929191;text-decoration:none;}
#contenu .bloc a:hover{color:#FFF;}
#contenu .bloc ul li{list-style:outside;margin-left:15px;padding:3px 0;}
#contenu .bloc ul li:hover{color:#FFF;}
#contenu .bloc .titre{text-transform:uppercase;text-align:center; font-weight:bold;height:25px;line-height:25px;}
#contenu .bloc ul{padding-top:310px;color:#929191;}
#contenu .studio{background-image:url(images/img_studio.png);background-position:center 28px;}
#contenu .mariage{background-image:url(images/img_mariages.png);background-position:center 28px;}
#contenu .evenementiel{background-image:url(images/img_evenementiel.png);background-position:center 28px;}
#contenu .albums{background-image:url(images/img_albums.png);background-position:center 28px;}



/**** VIDEO ****/

#video .titre{font-weight:bold;text-align:center;margin-bottom:8px;}
#video .video{}
#video .video #player{display:block;width:427px;height:338px;margin:0 auto;}
#video .description{text-align:center;margin-top:10px;}
#video .duree{display:none;}
#video #dhtml-carousel{margin:10px 0;}
#video #dhtml-carousel .jcarousel-container{margin:0 auto;}

/** FIN VIDEO **/



/**** MOD NEWS ****/
#news {width:100%; margin-bottom:15px;}
#news a {}
#news a:hover {}
#news .top { height:46px; line-height:30px; width:100%; font-size:17px;text-align:center;}
#news .mid {text-align:justify;}
#news .bot { height:20px; width:100%;}
#news .bloc {width:98%; padding:0 1%;margin-bottom:8px;}
#news .bloc .titre {font-weight:bold;text-transform:uppercase;}
#news .bloc .date {font-size:9px;text-align:right;padding-bottom:3px;}
#news .bloc .texte {padding-top:5px;}
#news .bloc .texte a.suite{display:block;height:10px;width:100%;padding:2px 0;font-size:10px;text-align:right;}
#news .bloc .texte a.suite:before{content:"Lire la suite";}
/**** FIN MOD NEWS ****/


/**** MOD NEWSLETTER ****/
#newsletter {float:right;width:230px; height:30px; line-height:30px;}
#newsletter .text{float:left;width:197px;font-size:10px;border:0;height:19px;margin:6px 0 5px 0;}
#newsletter .btNewsletter{float:left;width:28px;height:30px; cursor:pointer;border:0; background-image:url(images/btOK.png); background-position:center; background-color:transparent;}
/**** FIN MOD NEWSLETTER ****/

/**** PICTURE FLOW ****/
#pflow{text-align:center; margin-bottom:8px;}
#pflow .titregalerie {display:none;}
/**** FIN PICTURE FLOW ****/


/**** FORMULAIRES ****/
.formulaire{font-size:11px;padding-bottom:5px;color:#FFF; width:700px;margin-top:25px;}
#contenu .formulaire p{text-indent:0;padding:0 1.25% 8px 1.25%;text-align:left;}
.formulaire p select{text-align:right;}
.formulaire p select option{padding:0 10px;text-align:right;}
.formulaire p label:hover, .formulaire p input {cursor:pointer;}
.formulaire p.normal{width:97.5%;float:left;}
.formulaire p.normal label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire p.normal input, .formulaire p.normal textarea {width:74.6% }
.formulaire p.normal select{width:75%;}
.formulaire p.half{width:47.5%;float:left;}
.formulaire p.half.alerte{width:47%;margin: 0 0 8px .1%;}
.formulaire p.full{width:97.5%;float:left;}
.formulaire p.half label, .formulaire p.full label{text-align:left;float:left;width:100%;}
.formulaire p.half input, .formulaire p.half select, .formulaire p.half textarea, .formulaire p.full input, .formulaire p.full select, .formulaire p.full textarea{width:100%;}
.formulaire p.normal .grpradio, .formulaire p.normal .grpchkbox{float:left;width:75%;}
.formulaire p.half .grpradio, .formulaire p.half .grpchkbox{float:left;width:47.5%;}
.formulaire p.full .grpradio, .formulaire p.full .grpchkbox{float:left;width:97.5%;}
.formulaire p input.radio, .formulaire p input.checkbox{width:20px;margin:0;vertical-align:middle;}
#contenu .formulaire p.info{background-position:5px 3px; background-image:url(images/information.png); border:1px solid #69c;height:22px; line-height:22px;text-indent:25px;padding:0;}
.formulaire p.alerte{display: block; margin-bottom:8px; background-position:5px 3px;background-image:url(images/warning.png); border:1px solid #F00;}
.formulaire p.alerte span.messageAlerte{float:left;width:100%;text-indent:20px;color:#F00;height:20px; line-height:20px;}
.formulaire p input.btEnvoyer{clear:both;background-image:url(images/btEnvoyer.png); width:77px; height:26px; border:0; background-color:transparent; line-height:26px;}
.formulaire p .legende{margin-left:8px;}
.formulaire p.clear label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire .oblig {font-weight:bold;color:#FFF;}
.formulaire .oblig:before {content:"* ";}
/**** FIN FORMULAIRES ****/


/**** GOOGLE MAPS ****/
/* dfinir hauteur et largeur du plan */
#gmap {width:100%; height:450px; color:#333333;}
#gmap a {color:#333333; }

a.googlemaps:after{content:" " url(images/googlemaps.png);}
/**** FIN GOOGLE MAPS ****/


/**** FOOTER ****/
#footer {clear:both; background-image:url(images/footer.png); width:inherit; float:left;height:30px;line-height:30px;margin-top:10px;}
#footer .menubas{font-size:12px; text-transform:uppercase;margin-bottom:5px;}
#footer .menubas ul li{float:left; padding:0 40px 0 10px;}
#footer .menubas a{color:#FFF;}
#footer form{float:right;padding-right:5px;}
#footer .copyright:before{content:"Cration et ralisation ";}
#footer .mentions{font-size:11px;text-align:center;float:left;width:100%;}
#footer .mentions ul li{display:inline;padding:10px;}
#footer .mentions a{color:#929191;}
#footer .mentions a:hover{color:#FFF;}
#footer a:hover{}
/**** FIN FOOTER ****/