@charset "utf-8";

/* * { margin: 0; padding: 0; } Tout SAUF <table> */
html, body, p, img, object, ul, li, a, div, h1, h2, h3, h4, span, input, small, label, acronym { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; background-color: #bbbdbf; background-image: url('../images/fond.png'); background-repeat: repeat-y; }

a.transition {-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
a.transition:hover {-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}

#body { position: relative; width: 950px; margin: 0 auto 0 auto; text-align: left; }

#header { background-image: url('../images/header.png'); background-repeat: no-repeat; height: 238px; overflow: hidden; }
#localisation { font-size: 11px; float: right; }
#logo { display: block; padding: 24px 0 0 33px; font-size: 18px; text-align: center; float: left; }

#wrapper { overflow: hidden; padding: 15px 0 15px 0; }

#gauche { float: left; width: 270px; }
#menu { list-style-type: none; font-size: 18px; color: #000000; }
#menu a { color: #000000; display: inline-block; margin: 0 0 6px 0; background-color: #e6297c; padding: 1px 20px 1px 15px; }
#menu a:hover, #menu a.select { padding-left: 25px; text-shadow: 1px 1px 1px #f4f4f4; }
#menu a#rubrique-6, h1.titre-6 { background-color: #99d142; }
#menu a#rubrique-7, h1.titre-7 { background-color: #0d9cce; }
#menu a#rubrique-8, h1.titre-8 { background-color: #e6297c; }
#menu a#rubrique-9, h1.titre-9 { background-color: #946ce0; }
#menu a#rubrique-10, h1.titre-10 { background-color: #ef7625; }
#menu a#rubrique-11, h1.titre-11 { background-color: #fff600; }
#menu a#rubrique-12, h1.titre-12 { background-color: #a00b48; }
#menu a#rubrique-13, h1.titre-13 { background-color: #0d9cce; }
#monprofil { color: #FFFFFF; width: 200px; height: 230px; transform:rotate(-5deg); margin: 30px 0 0 20px; background-image: url('../images/mon-profil.png'); background-repeat: no-repeat; background-position: top center; padding: 15px; }
#monprofil h2 { margin-left: 42px; font-size: 27px; }
#monprofil h3 { margin-left: 131px; font-size: 18px; }
#monprofil ul { list-style-type: none; color: #FFFFFF; font-size: 20px; line-height: 30px; padding: 10px 0 0 0; }
#monprofil li a { color: #FFFFFF; }
#monprofil li a.select, #monprofil li a:hover { color: #e6297c; }
#gauche #mon-conseiller { margin: 15px 0; }

#contenu { margin: 0 0 0 285px; }
#contactez-rose { background-color: #e6297c; background-image: url('../images/contact-rose.png'); border-radius: 5px; box-shadow: 5px 5px 5px #868686; width: 210px; height: 77px; margin: 15px auto; transform:rotate(-5deg); text-align: center; padding: 15px 85px 0 60px; }
#quelquesexemples { transform:rotate(-5deg); margin: 45px 0 60px 100px; position: relative; }
#quelquesexemples h3 { background-color: #a00b48; font-size: 18px; padding: 4px 0 4px 40px; box-shadow: 5px 5px 5px #000000;  box-shadow: -3px 5px 5px #888888; }
#quelquesexemples #bulle-fleche { position: absolute; top: 0; right: 25px; }
#exemplederealisation .lignerealisation { overflow: hidden; margin: 0 0 20px 0; }
#exemplederealisation .col-0, #exemplederealisation .col-1 { float: left; margin: 0 20px 0 0; }
#exemplederealisation .element img { border-radius: 10px; }

#contenu p:first-child, #contenu ul:first-child { margin-top: 0px; padding-top: 0px; }
#contenu p:last-child, #contenu ul:last-child { margin-bottom: 0px; padding-bottom: 0px; }

#realisations { margin: 15px auto 0; width: 570px; padding: 15px; position: relative; background-image: url('../images/bulles-realisations.png'); background-repeat: no-repeat; background-position: right bottom; }
#realisations .roundabout-holder { list-style: none; padding: 0; margin: 0 auto; width: 500px; height: 164px; overflow: hidden; }
#realisations .roundabout-moveable-item { cursor: pointer; background-color: #ccc; background: none; padding: 0; border-radius: 5px; overflow: hidden; line-height: 1px; }
#realisations .roundabout-in-focus { cursor: auto; }
#realisations .navRoundabout { display: block; width: 29px; height: 28px; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -14px; }
#realisations .next { background-image: url('../images/next.png'); right: -14px; }
#realisations .prev { background-image: url('../images/prev.png'); left: -14px; }
#ombres-toutes { height: 15px; background-image: url('../images/ombres-realisations.png'); width: 600px; margin: 0 auto; text-align: right; padding: 10px 0 0 0; }

#lestroisblocs { overflow: hidden; width: 600px; margin: 15px auto 0; }
#lestroisblocs .blocnoirarrondi, #mon-conseiller.blocnoirarrondi, #actualites.blocnoirarrondi { width: 160px; height: 198px; float: left; padding: 15px; }
#lestroisblocs .blocnoirarrondi .titre, #mon-conseiller.blocnoirarrondi .titre, #actualites.blocnoirarrondi .titre { text-align: center; margin: 0 0 15px 0; }
#lestroisblocs .blocnoirarrondi .contenubloc, #mon-conseiller.blocnoirarrondi .contenubloc, #actualites.blocnoirarrondi .contenubloc { height: 138px; text-align: center; color: #FFFFFF; font-size: 14px; }
#lestroisblocs #mon-conseiller { margin: 0 15px; }

#tpl-liens .imggauche { border: 0; }

#plandusite ul { margin: 0 0 0 30px; }

#mentionslegales p { text-align: justify; }

#tpl-contact form { width: 448px; }
#tpl-contact label { width: 135px; }
#tpl-contact input { width: 290px; }
#tpl-contact textarea { width: 290px; max-width: 290px; min-width: 290px; min-height: 140px; height: 140px; }
#tpl-contact .submit input { width: auto; }

#footer { position: relative; }
#menubas { text-align: right; padding: 0 0 10px 0; font-size: 11px; color: #a00b48; }
#menubas a { color: #a00b48; }
#menubas a:hover, #menubas a.select { color: #e6297c; }
#zone-couverte { position: absolute; left: 19px; bottom: 6px; }
#zone-chalandise { background-color: #b7b7b7; text-align: center; color: #FFFFFF; font-size: 10px; padding: 21px 15px 4px 15px; }

form { margin: 0 auto; font-size: 14px; }
label { float: left; line-height: 22px; }
input, textarea, select { margin: 0 0 14px 0; border: 1px solid #B7B7B7; width 240px; font-size: 14px; color: #303233; }
input { height: 24px; padding: 0 5px; width: 230px; }
select { height: 22px; width: 242px; padding-right: 0;}
textarea { padding: 5px; }
input:focus, textarea:focus, select:focus, option:focus { border: 1px solid #E6297C; outline: 0; }
.ligne { overflow: auto; }
.submit { text-align: center; }
.submit input, .submit a { height: 33px; color: #FFFFFF; font-size: 16px; width: auto; border: 0; background-color: #E6297C; }
.submit input:hover, .submit a:hover{ cursor: pointer; }
.submit a { text-decoration: none; display: inline-block; }
.submit a:hover { text-decoration: none; text-shadow: none; }

.liste .eltliste { overflow: hidden; margin: 0 0 10px 0; }
.liste .eltliste .imggauche { margin-top: 0; }
.liste .eltliste .descriptif { margin-left: 170px; }
.liste .eltliste p, .liste .eltliste p a { color: #000000; text-align: justify; margin-top: 0; }

.blocnoirarrondi { background-color: #000000; border-radius: 5px; }
.avecbulles { background-image: url('../images/bulles-haut-droite.png'); background-repeat: no-repeat; background-position: top right; }
.boutonrose { display: inline-block; border: 1px solid #e6297c; background-image: url('../images/btn-rose.png'); height: 15px; color: #000000; text-align: center; padding: 0 7px; background-position: top left; }
.boutonrose:hover { background-position: bottom left; box-shadow: 1px 0 3px #868787; }
.lirelasuite { overflow: hidden; }
.lirelasuite a { float: right; }

.pager {text-align:center;color:#000000;font-size:13px;}
.pager a {color:#000000;}
.pager a.active, .pager a:hover {color:#E6297C;text-decoration:none;}

a {outline:none;}
acronym {border-bottom:1px dotted black;}
label {cursor:pointer;}

small {font-size:9px;}
.chpoblig {text-align:center;font-style:italic;font-size:11px;}
.jolieerreur { margin-top: 10px; margin-bottom: 20px; margin-left: 5px; margin-right: 5px; padding: 10px; padding-left: 30px; background-image: url('/reg_medias/images/tango/16x16/status/dialog-warning.png'); background-repeat: no-repeat; background-position: left center; font-weight: bold; height:auto; background-color: #e9ecef; border: 2px solid red; -moz-border-radius: 5px; color: red; }
.jolieinformation, .jolieinfo { margin-top: 10px; margin-left: 5px; margin-right: 5px; padding: 10px; padding-left: 30px; background-image: url('/reg_medias/images/tango/16x16/emblems/emblem-important.png'); background-repeat: no-repeat; background-position: 6px center; font-weight: bold; height:auto; background-color: #eeeeee; border: 2px solid #6b7e00; color: #6b7e00; line-height: 16px; }

#admindbg {text-align: left;}