/* ================ reset styles ================ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* styles g�n�raux */
/*
body {
    width: 100%; height: 100%;
    font-size: 12px;
    font-family: Arial;
    color: black;
    margin: 0; padding: 0;
    background: white url('/images/body.png') center 0 no-repeat scroll;
}*/
a {text-decoration: none; font-weight: normal; color: #0257ac;}
a:hover {cursor: pointer; text-decoration: underline;}
img {border: 0;}
div {margin: 0; padding: 0; word-wrap: break-word;}
p {
    line-height: 1.4em;
    margin: 1em 0;
    padding: 0;
    text-align: justify;
    word-wrap: break-word;
}

input, textarea { color: #000; }
.placeholder { color: #aaa; }

.error {color:red;font-weight:bold;}
.clear {clear: both !important; float: none !important;}
.uppercase {text-transform: uppercase;}
.hidden {display: none;}

.linkhover:hover {text-decoration: underline; cursor: pointer;}

.textcenter, .textcenter p {text-align: center;}

.fleft {float: left;}
.fright {float: right;}

.docme-bleu {color: #3d5c81 !important;}
.docme-rouge {color: #bf2026 !important;}

.c1 {color: #0257ac !important;}
.bg1 {background: #0257ac !important;}
.c2 {color: #3E4545 !important;}

.txtcol {color: black;}

#all {
    position: relative;
    margin: 0 auto;
}
/*
#content {
    width: 980px; min-height: 600px;
    margin: 0 auto; padding: 10px 10px;
    background: white;
    font-size: 12px;
    font-family: Arial;
    color: black;
}*/
#left {
    width: 200px;
    float: left;
}
#middle {
    width: 560px;
    float: left;
    padding: 0 10px;
}
#right {
    width: 200px;
    float: left;
}
#left > div, #right > div {margin-bottom: 15px;}

.police-titre {
    font-family: "cabin", "Arial";
}

/* ================ Sprites ================ */

/* icons */

i.accueil-sprites-icons {
    display: inline-block;
    background: url(/images/accueil-sprites-icons.png) no-repeat;
}
i.dossier-mini {
    width: 16px; height: 13px;
    background-position: 0 0;
}
i.juridique {
    width: 19px; height: 17px;
    background-position: 0 -13px;
}
i.deconnexion {
    width: 16px; height: 16px;
    background-position: 0 -843px;
}

i.delicious {
    width: 16px; height: 16px;
    background-position: 0 -30px;
}
i.email {
    width: 16px; height: 16px;
    background-position: 0 -48px;
}
i.facebook {
    width: 16px; height: 16px;
    background-position: 0 -62px;
}
i.fav {
    width: 16px; height: 16px;
    background-position: 0 -78px;
}
i.feed {
    width: 16px; height: 16px;
    background-position: 0 -94px;
}
i.pdf {
    width: 16px; height: 16px;
    background-position: 0 -110px;
}
i.print {
    width: 16px; height: 16px;
    background-position: 0 -126px;
}
i.twitter {
    width: 16px; height: 16px;
    background-position: 0 -142px;
}

i.triangle-bleu {
    width: 9px; height: 9px;
    background-position: 0 -158px;
}
i.triangle-marron {
    width: 9px; height: 9px;
    background-position: 0 -167px;
}
i.triangle-vert {
    width: 9px; height: 9px;
    background-position: 0 -176px;
}

i.document-blank {
    width: 18px; height: 20px;
    background-position: 0 -230px;
}
i.megaphone {
    width: 33px; height: 25px;
    background-position: 0 -250px;
}

i.prev {
    width: 20px; height: 20px;
    background-position: 0 -803px;
}
i.next{
    width: 20px; height: 20px;
    background-position: 0 -823px;
}
i.icon-folder, i.dossier {
    width: 17px; height: 19px;
    background-position: 0 -859px;
}
i.questionmark {
    width: 16px; height: 26px;
    background-position: 0 -879px;
}
i.cas {
    width: 22px; height: 20px;
    background-position: 0 -904px;
}
i.article {
    width: 20px; height: 20px;
    background-position: 0 -924px;
}
i.modele {
    width: 18px; height: 20px;
    background-position: 0 -944px;
}
.arrow-retour {
    float: left;
    width: 20px;
    height: 20px;
    background: url("https://www.documentissime.fr/images/questions-icons-sprites.png") no-repeat 0 0;
}
.arrow-brown {
    display: inline-block;
    background: url("https://www.documentissime.fr/images/demandes-icons-sprites.png") no-repeat 0 -273px;
    width: 7px;
    height: 14px;
}
.chevron-haut {
    display: inline-block;
    background: url("https://www.documentissime.fr/images/demandes-icons-sprites.png") no-repeat 0 -253px;
    width: 20px; height: 10px;
}
.chevron-bas {
    display: inline-block;
    background: url("https://www.documentissime.fr/images/demandes-icons-sprites.png") no-repeat 0 -263px;
    width: 20px; height: 10px;
}

/* ================ En-tete commun ================ */

/* nouveau header */

.gradient-deepblue {

    background: #024282;
    background: -moz-linear-gradient(top,#0257ac,#012d58);
    background: -webkit-gradient(linear,left top,left bottom,from(#0257ac),to(#012d58));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0257ac',EndColorStr='#012d58',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0257ac, endColorstr=#012d58)";
}
.gradient-deepblue.withhover:hover {
    background: #012d58;
    background: -moz-linear-gradient(top,#024282,#00172f);
    background: -webkit-gradient(linear,left top,left bottom,from(#024282),to(#00172f));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#024282',EndColorStr='#00172f',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#024282, endColorstr=#00172f)";
}
.gradient-red {
    background: #b40d15;
    background: -moz-linear-gradient(top,#dc101b,#8d0a10);
    background: -webkit-gradient(linear,left top,left bottom,from(#dc101b),to(#8d0a10));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dc101b',EndColorStr='#8d0a10',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dc101b, endColorstr=#8d0a10)";
}
.gradient-red.withhover:hover {
    background: #8d0a10;
    background: -moz-linear-gradient(top,#b40d15,#65070c);
    background: -webkit-gradient(linear,left top,left bottom,from(#b40d15),to(#65070c));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#b40d15',EndColorStr='#65070c',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b40d15, endColorstr=#65070c)";
}
.gradient-orange {
    background: #ff741c;
    background: -moz-linear-gradient(top,#ff9146,#f06000);
    background: -webkit-gradient(linear,left top,left bottom,from(#ff9146),to(#f06000));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff9146',EndColorStr='#f06000',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9146, endColorstr=#f06000)";
}
.gradient-orange.withhover:hover {
    background: #f06000;
    background: -moz-linear-gradient(top,#ff741c,#c64f00);
    background: -webkit-gradient(linear,left top,left bottom,from(#ff741c),to(#c64f00));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff741c',EndColorStr='#c64f00',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff741c, endColorstr=#c64f00)";
}
.gradient-green {
    background: #74b24d;
    background: -moz-linear-gradient(top,#8abf6a,#609540);
    background: -webkit-gradient(linear,left top,left bottom,from(#8abf6a),to(#609540));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8abf6a',EndColorStr='#609540',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8abf6a, endColorstr=#609540)";
}
.gradient-green.withhover:hover {
    background: #609540;
    background: -moz-linear-gradient(top,#74b24d,#4d7733);
    background: -webkit-gradient(linear,left top,left bottom,from(#74b24d),to(#4d7733));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#74b24d',EndColorStr='#4d7733',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#74b24d, endColorstr=#4d7733)";
}
.gradient-lightgreen{
	background: #6a857c;
    background: -moz-linear-gradient(top, #32CD32, #008B00);
    background: -webkit-gradient(linear, left top, left bottom, from(#32CD32), to(#008B00));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32CD32', EndColorStr='#008B00', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#32CD32, endColorstr=#008B00)";
}
.gradient-lightgreen.withhover:hover{
	background: #4a655c;
    background: -moz-linear-gradient(top, #12AD12, #006B00);
    background: -webkit-gradient(linear, left top, left bottom, from(#12AD12), to(#006B00));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#12AD12', EndColorStr='#006B00', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#12AD12, endColorstr=#006B00)";
}
.gradient-gray {
    background: #7f7f7f;
    background: -moz-linear-gradient(top,#949494,#6a6a6a);
    background: -webkit-gradient(linear,left top,left bottom,from(#949494),to(#6a6a6a));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#949494',EndColorStr='#6a6a6a',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#949494, endColorstr=#6a6a6a)";
}
.gradient-gray.withhover:hover {
    background: #6a6a6a;
    background: -moz-linear-gradient(top,#7f7f7f,#555555);
    background: -webkit-gradient(linear,left top,left bottom,from(#7f7f7f),to(#555555));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7f7f7f',EndColorStr='#555555',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f7f7f, endColorstr=#555555)";
}
.gradient-brown {
    background: #975f3e;
    background: -moz-linear-gradient(top,#b5734a,#784d32);
    background: -webkit-gradient(linear,left top,left bottom,from(#b5734a),to(#784d32));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#b5734a',EndColorStr='#784d32',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b5734a, endColorstr=#784d32)";
}
.gradient-brown.withhover:hover {
    background: #784d32;
    background: -moz-linear-gradient(top,#975f3e,#5a3925);
    background: -webkit-gradient(linear,left top,left bottom,from(#975f3e),to(#5a3925));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#975f3e',EndColorStr='#5a3925',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#975f3e, endColorstr=#5a3925)";
}
.gradient-lightblue {
    background: #0c90ff;
    background: -moz-linear-gradient(top,#37a5ff,#007ce1);
    background: -webkit-gradient(linear,left top,left bottom,from(#37a5ff),to(#007ce1));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#37a5ff',EndColorStr='#007ce1',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37a5ff, endColorstr=#007ce1)";
}
.gradient-lightblue.withhover:hover {
    background: #007ce1;
    background: -moz-linear-gradient(top,#0c90ff,#0065b7);
    background: -webkit-gradient(linear,left top,left bottom,from(#0c90ff),to(#0065b7));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0c90ff',EndColorStr='#0065b7',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c90ff, endColorstr=#0065b7)";
}
.gradient-docmeblue {
    background: #7d9cc1;
    background:-moz-linear-gradient(top,#fff,#7d9cc1);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#b6c7dc));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#7d9cc1', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#7d9cc1)"
}
/*.gradient-docmeblue.withhover:hover {
    background: #527bad;
    background:-moz-linear-gradient(top,#fff,#527bad);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#527bad));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#527bad', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#527bad)"
}*/
.gradient-lightgray {
    background: white;
    background: -moz-linear-gradient(top,#f4f4f4,#d4d4d4);
    background: -webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#d4d4d4));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4',EndColorStr='#d4d4d4',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4f4f4, endColorstr=#d4d4d4)";
}
.gradient-lightgray.withhover:hover {
    background: #d4d4d4;
    background: -moz-linear-gradient(top,#e9e9e9,#bfbfbf);
    background: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#bfbfbf));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e9e9e9',EndColorStr='#bfbfbf',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9, endColorstr=#bfbfbf)";
}


/*
body {
	background: white;
}
#all {
	background: #f0f0f0;
	position: relative;
	width: 100%;
	margin: 0;
}
.pub-wrapper {
	background: #f0f0f0 !important;
	margin: 0 auto;
	padding: 10px 0;
	width: 1000px;
}*/

#header-documentissime .top {
	margin: 0 auto;
	padding: 6px 0;
	width: 1000px;
}
#header-documentissime .top .social-zone {
	float: left;
}
#header-documentissime .top .member-zone {
	float: right;
}
#header-documentissime .top .social-zone > * {
	float: left;
	margin-right: 12px;
}
#header-documentissime .top .member-zone > * {
	margin-left: 20px;
}
#header-documentissime .top .social-zone i,
#header-documentissime .top .member-zone img {
	margin-right: 6px;
	position: relative;
	top: 3px;
}

#header-documentissime .bg-blue-docme {
	background-color: #3D5C81;
	padding: 20px 0 40px;
	position: relative;
}

#header-documentissime .bg-blue-docme .main,
#header-documentissime .bg-blue-docme .tabs {
	margin: 0 auto;
	width: 1000px;
}
#header-documentissime .tabs {
	position: relative;
	top: 40px;
}
#header-documentissime .tabs ul {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
}
#header-documentissime .tabs li {
	background: white;
	border-right: 1px solid silver;
	float: left;
	padding: 10px 10px;
}
/*
#overheader {
    display: block;
    margin: auto;
    padding: 3px 6px;
    width: 1000px;
}*/
#overheader > * {float: left;}
#overheader a {margin-right: 8px;}
#overheader .rss {padding-top: 1px;}
#overheader .rss i {float: left; margin-top: 2px;}
#overheader img {float: left; margin-right: 4px;}
/*#overheader span {float: left; display: inline-block; padding-top: 2px; text-decoration: none;}*/

/*#loginBox {left:285px;}*/
/*
#docme-menu0 {
    background: #0257ac;
    height: 150px;
    position: relative;    
    padding-top: 55px;
}*/
#docme-menu0 #retourAccueil {
    
}
#docme-menu0 #acces-rapide {
    position: absolute;
    top: -5px; right: 10px;
}
#acces-rapide a {
    color: black;
    float: left;
    display: inline-block;
    width: 160px;
    text-align: center;
    margin: 0 15px;
}
#acces-rapide header {
    display: block;
    margin: 2px 0 3px 0;
    display: inline-block;
    font-size: 15px; font-weight: bold;
}
#acces-rapide img {
    float: left;
}
#acces-rapide p {
    text-align: center;
    margin: 3px 0;
}

#docme-menu1 {
    background: white;
    border:none;
    margin:0px;
    padding:0px;
}
#docme-menu1 ul {
    list-style:none;
    margin:0;
    padding:0;
}
#docme-menu1 li{
    /*float:left;*/
    display: inline-block;
    vertical-align: bottom;
}
#docme-menu1 li a{
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-moz-border-radius: 8px 8px 0 0;
    color: white;
    display:block;
    font-size: 13px; font-weight: bold;
    margin: 0 4px;
    padding: 3px 7px;
    text-align:center;
    text-decoration:none;
    vertical-align: bottom;
}
#docme-menu1 .active a{
    font-size: 15px;
    padding: 6px 10px 4px;
}
#docme-menu1 li a:hover{
    color:yellow;
    text-decoration:none;
}
#docme-menu1 li ul{
    background:white;
    border: 1px solid gray;
    border-top:none;
    display:none;
    height:auto;
    filter:alpha(opacity=95);
    margin-left: 5px;
    opacity:0.95;
    position:absolute;
    width:230px;
    z-index:200;
}
#docme-menu1 li:hover ul{
    display:block;
}
#docme-menu1 li li {
    display:block;
    float:none;
    width:230px;
}
#docme-menu1 li ul a, #docme-menu1 li.active ul a{
    border-radius: 0;
    color: #024282;
    display:block;
    font-size:12px;
    font-style:normal;
    font-weight: normal;
    margin: 0;
    padding:5px;
    text-align:left;
}
#docme-menu1 li ul a span.black {color:black;}
#docme-menu1 li ul a span.exemples {color:#5f5f5f;}
#docme-menu1 li ul a:hover span.exemples {color:yellow;}
#docme-menu1 li ul a span.types {color:#975F3E;font-weight:bold;}
#docme-menu1 li ul a:hover span.types {color:yellow;}
#docme-menu1 li ul a:hover{
    background:#024282;
    color:white;
    opacity:1.0;
    filter:alpha(opacity=100);
}

#docme-menu2 {
    padding: 8px 0;
}
#docme-menu2 a {
    display: inline-block;
    margin: 0; padding: 0 10px;
    border-left: 1px solid white;
    font-weight: bold;
}
#docme-menu2 a:first-child {border-left: none;}

#docme-barre-recherche {
    padding: 5px 10px;
    background: #d9d9d9;
    background: -moz-linear-gradient(top,#efefef,#c4c4c4);
    background: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#c4c4c4));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#efefef',EndColorStr='#c4c4c4',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#c4c4c4)";
}
#docme-barre-recherche #docme-recherche-texte {
    width: 240px;
    margin: 0 0 0 5px; padding: 2px 2px 2px 4px;
    border-radius: 6px 0 0 6px;
    border-right: 1px solid gray;
    outline: none;
}
#docme-barre-recherche #rechercheCat {
    margin-left: -3px; padding: 1px 0;
    border-top: 2px solid #696969;
    border-bottom: 2px solid #e3e3e3;
    border-left: none; border-right: none;
}
#docme-barre-recherche #docme-submit-recherche {
    border: none;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 6px;
    margin-left: 1px;
    padding: 2px 10px 2px 8px;
    color: white;
    font-size: 13px; font-weight: bold;
}
#docme-barre-recherche #docme-submit-recherche:hover {
    cursor: pointer;
}

/* petits icones en-dessus de l'en-tete */
/*
#docme-overHeader {
    position: relative;
    height: 25px;
    margin: 0; padding: 0;
    background: white;
}
*/
.loginLiens {float: left;}
.loginLiens i.accueil-sprites-icons {margin: 0 3px;}

.web2 {float: left; padding: 4px 6px; height: 17px;}
.web2 i.accueil-sprites-icons {margin: 0 2px;}

/* boutons de connexion */

#loginGeneral {float:right;}
a.topTab {
    display: inline-block;
    margin-right: 10px;
    padding: 2px 12px 4px;
    color: white;
    font-size: 13px; font-weight: bold;
    text-decoration: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
}
a.topTab:hover {text-decoration: none;}
#openLoginbox, #logoutButton {
    background: #bf2026;
}
#openLoginbox:hover, #closeLoginbox:hover, #logoutButton:hover {
    background: #88171d;
}
#closeLoginbox {
    display: none;
    background: #88171d;
}
#goProfil {background: #ff8000;}
#goProfil:hover {background: #ffb120;}
#goPageperso {background: #988375;}
#goPageperso:hover {background: #746256;}
/*#loginBox {
    display: none;
    position: absolute;
    top: 25px; right: 0;
    z-index: 5;
    width: 215px;
    padding: 4px;
    border: 1px solid gray;
    background: #f0f0f0;
    -moz-box-shadow: 0 0 5px 5px #ccc;
    -webkit-box-shadow: 0px 5px 10px 0px #222;
    box-shadow: 0 0 5px 5px #ccc;
}
#loginBox input[type='text'], #loginBox input[type='email'], #loginBox input[type='password']  {width: 200px; margin: 2px 0; padding: 2px;}
#loginBox input[type='checkbox'] {width: 20px; margin: 0;}
/*#loginBox input[type='submit'] {
    display: block;
    width: 40px;
    background: #3d5c81;
    color: white;
    margin: 5px auto; padding: 3px 5px;
}*//*
#loginBox .pasencoretitre {
    margin: 10px 0; padding: 0 5px;
    font-size: 12px; font-weight: bold;
    text-transform: uppercase;
}*/
.loginLost {text-decoration: underline; font-size: 11px;}
#loginBox table tr:nth-child(2) td span {font-size: 11px; vertical-align: top;}
/*#loginBox p {
    margin: 4px 0; padding: 0 5px;
    text-align: left;
}*/
/*#loginBox p.pro, #loginBox p.pro a {color: #926345;}*/
/*loginBox p.internaute, #loginBox p.internaute a {color: #3d5c81;}*/
#loginBox p a {font-weight: bold;}
#loginBox p a:hover {text-decoration: underline;}
#loginBox .closeLogin {text-align: right;}
#loginBox .closeLogin a {color: #bf2026; text-decoration: none; text-transform: none;}
#loginBox .closeLogin a:hover {text-decoration: underline;}

/* ================ Contenu, styles g�n�raux ================ */

/* boite d'explication de la page */
.pageExplication {
    margin: 0 0 10px 0; padding: 10px;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #f9f9f9, #e4e4e4);
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f9f9f9', EndColorStr='#e4e4e4', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#e4e4e4)";
}
.pageExplication img {
    float: left;
    margin-right: 10px;
}
.pageExplication.questions img {margin: 15px 10px 10px 0;}
.pageExplication h1 {
    margin: 12px 0;
    color: #3d5c81;
    font-size: 16px;
}
.pageExplication.devis h1 {
    font-size: 15px; margin: 4px 0;
}
.pageExplication div {float: left; width: 480px;}

.titreSection {
    color: white;
    margin: 0; 
    padding: 3px 0 2px 8px;
    text-align: left;
    font-size: 14px; font-weight: bold;
}
.titreSection a {
    color: white;
    font-size: 14px; font-weight: bold;
}
.titreSection.vert {
    background: #6a857c;
    background: -moz-linear-gradient(top, #7b9a8f, #556c63);
    background: -webkit-gradient(linear, left top, left bottom, from(#7b9a8f), to(#556c63));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7b9a8f', EndColorStr='#556c63', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7b9a8f, endColorstr=#556c63)";
}
.titreSection.rouge {
    background: #df393e;
    background: -moz-linear-gradient(top, #fa4e53, #c22329);
    background: -webkit-gradient(linear, left top, left bottom, from(#fa4e53), to(#c22329));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fa4e53', EndColorStr='#c22329', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fa4e53, endColorstr=#c22329)";
}
.titreSection.marron {
    background: #b19d8f;
    background: -moz-linear-gradient(top, #c7b3a6, #9b8678);
    background: -webkit-gradient(linear, left top, left bottom, from(#c7b3a6), to(#9b8678));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#c7b3a6', EndColorStr='#9b8678', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c7b3a6, endColorstr=#9b8678)";
}
.titreSection.bleufonce {
    background: #516e91;
    background: -moz-linear-gradient(top, #6883a4, #3d5c81);
    background: -webkit-gradient(linear, left top, left bottom, from(#6883a4), to(#3d5c81));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#6883a4', EndColorStr='#3d5c81', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6883a4, endColorstr=#3d5c81)";
    
}
.titreSection.bleuclair {
    background: #6993c5;
    background: -moz-linear-gradient(top, #8aaad1, #5d7da4);
    background: -webkit-gradient(linear, left top, left bottom, from(#8aaad1), to(#5d7da4));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8aaad1', EndColorStr='#5d7da4', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8aaad1, endColorstr=#5d7da4)";
}
.titreSection.gris {
    background: #c0c0c0;
    background: -moz-linear-gradient(top, #f8f8f8, #c0c0c0);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c0c0c0));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#c0c0c0', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#c0c0c0)";
}

/* gradients par couleur */
.bluebutton, .bluegradient {
    color: white;
    background: #3d5c81;
    background: -moz-linear-gradient(top, #517aac, #324b6b);
    background: -webkit-gradient(linear, left top, left bottom, from(#517aac), to(#324b6b));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#517aac', EndColorStr='#324b6b', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#517aac, endColorstr=#324b6b)";
}
.bluebutton:hover, .bluegradient:hover {
    background: #2f4764;
    background: -moz-linear-gradient(top, #44668e, #25374e);
    background: -webkit-gradient(linear, left top, left bottom, from(#44668e), to(#25374e));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#44668e', EndColorStr='#25374e', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#44668e, endColorstr=#25374e)";
}

.graygradient {
    background: #dcdcdc;
    background: -moz-linear-gradient(top, #ebebeb, #cdcdcd);
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cdcdcd));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ebebeb', EndColorStr='#cdcdcd', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#cdcdcd)";
}
.graygradient:hover {
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #d5d5d5, #b7b7b7);
    background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#b7b7b7));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#d5d5d5', EndColorStr='#b7b7b7', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d5d5d5, endColorstr=#b7b7b7)";
}

.browngradient {
    background: #a89288;
    background: -moz-linear-gradient(top, #998477, #d4bab9);
    background: -webkit-gradient(linear, left top, left bottom, from(#998477), to(#d4bab9));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#998477', EndColorStr='#d4bab9', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#998477, endColorstr=#d4bab9)";
}
.browngradient:hover {
    background: #967b70;
    background: -moz-linear-gradient(top, #836f63, #c4a09f);
    background: -webkit-gradient(linear, left top, left bottom, from(#836f63), to(#c4a09f));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#836f63', EndColorStr='#c4a09f', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#836f63, endColorstr=#c4a09f)";
}

.redgradient {
    background: #bf2026;
    background: -moz-linear-gradient(top, #e2545b, #8f181f);
    background: -webkit-gradient(linear, left top, left bottom, from(#e2545b), to(#8f181f));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e2545b', EndColorStr='#8f181f', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2545b, endColorstr=#8f181f)";
}
.redgradient:hover {
    background: #9b1a20;
    background: -moz-linear-gradient(top, #dc3038, #6b1216);
    background: -webkit-gradient(linear, left top, left bottom, from(#dc3038), to(#6b1216));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dc3038', EndColorStr='#6b1216', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dc3038, endColorstr=#6b1216)";
}

.orangegradient {
    background: #ff8000;
    background: -moz-linear-gradient(top, #ffa54a, #dd6f00);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa54a), to(#dd6f00));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffa54a', EndColorStr='#dd6f00', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa54a, endColorstr=#dd6f00)";
}
.orangegradient:hover {
    background: #d56a00;
    background: -moz-linear-gradient(top, #ff8f20, #b35900);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8f20), to(#b35900));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff8f20', EndColorStr='#b35900', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8f20, endColorstr=#b35900)";
}

.greengradient {
    background: #6a857c;
    background: -moz-linear-gradient(top, #32CD32, #008B00);
    background: -webkit-gradient(linear, left top, left bottom, from(#32CD32), to(#008B00));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7b9a8f', EndColorStr='#556c63', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7b9a8f, endColorstr=#556c63)";
}

/* boite de chargement */
.loading {text-align: center; padding: 20px;}
.loading h1 {
    color: #3d5c81;
    font-size: 20px; font-weight: bold;
    margin: 0 0 30px;
}

/* en-tete de page avec ligne horizontale */
hr.categorie-bgligne {
    height: 1px; width: 100%;
    border-top: 1px solid #ede7e5;
    border-bottom: 1px solid #ede7e5;
    background: #8f6143;
}
.categorie-titre-wrapper {
    margin-top: -22px; margin-bottom: 10px;
    text-align: center;
}
.categorie-titre {
    display: inline-block;
    margin: 0; padding: 0 6px;
    color: #926345;
    font-size: 17px; font-weight: normal;
    background: white;
}

/* boite de microblogging */
.microblog.mini {width: 200px;}
.microblog.mini header {font-size: 12px;}
.microblog.mini p {
    text-align: left; font-size: 11px;
    margin: 0; padding: 1px 0;
    line-height: 13px;
}/*
.microblog p {
    margin: 4px 0; padding: 0 0 0 6px;
}
.microblog span.quand {
    color: #8a7b6b;
}*/
.microblog p a {
    text-decoration: underline;
    color: #3d5c81;
}
/* cat�gories - style l�ger, modele de lettre */
.categoriesLettres {
    width: 200px;
    margin-bottom: 10px;
}
/*
.categoriesLettres div {
    border: 1px dotted gray;
    border-top: none;
    background: #f3f3f3;
}*/
.categoriesLettres div a {
    display: block;
    width: 192px;
    margin: 0; padding: 4px 0 4px 6px;
    color: #3D5C81;
}
/*
.categoriesLettres div a:hover {
    background: #d0d0d0;
    color: #3D5C81;
    font-weight: bold;
    text-decoration: none;
}
.categoriesLettres div a.active, .categoriesLettres div a.active:hover {
    background: #a8a8a8;
    color: white;
    font-weight: bold;
}*/

/* lettres priv�es */
.lettresPriveesBox a {
    display: block;
    width: 200px; height: 52px;
    margin: 0 0 15px; padding: 0;
}
.lettresPriveesBox a:hover {text-decoration: underline;}
.lettresPriveesBox img {
    float: left;
    margin: 6px 6px 0 4px;
}
.lettresPriveesBox header {
    display: inline-block;
    margin: 0;
    color: #3d5c81;
    font-size: 13px; font-weight: bold;
}
.lettresPriveesBox p {
    display: inline-block;
    width: 164px;
    font-size: 10px;
    margin: 3px 0 0 0;
    text-align: center;
}
/* cat�gories - style gros, questions */
.categories {
    background: #5783b7;
    background: -moz-linear-gradient(top, #7d9fc7, #3c5b80);
    background: -webkit-gradient(linear, left top, left bottom, from(#7d9fc7), to(#3c5b80));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7d9fc7', EndColorStr='#3c5b80', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7d9fc7, endColorstr=#3c5b80)";
    color: white;
    margin-bottom: 15px; padding-bottom: 10px;
}
.categories .header {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #dbdbdb;
    color: white;
    font-size: 18px; font-weight: bold;
    text-align: center;
    text-shadow: 0px 0px 2px gray;
}
.categories .header:hover {
    text-decoration: none;
    text-shadow: 0px 0px 8px black;
}
.categories .header img {
    float: left;
}
.categories .header span {
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.categories .cats {
    padding: 5px 0 1px 0;
}
.categories .cats a {
    display: block;
    font-size: 13px; font-weight: bold;
    color: white;
    margin: 0 1px; padding: 5px 0 5px 3px;
}
.categories.devis {margin-bottom: 15px;}
.categories.devis .cats a {
    padding: 8px 0 8px 30px;
    font-size: 13px;
}
.categories .cats a:hover {
    background: white;
    color: #3d5c81;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.categories .cats a.active, .categories .cats a.active:hover {
    color: yellow;
    background: none;
    cursor: default;
}

/* sommaire en savoir plus */
#savoirPlus {
    width:200px;
    margin: 0 auto; padding:0;
    text-align:justify;
}
#savoirPlus header {
    margin: 0; padding: 4px 8px;
    text-align: center;
    color: #3d5c81;
    font-size: 14px; font-weight: bold;
}
#savoirPlus header a {
    color: #3d5c81;
    font-size: 14px; font-weight: bold;
}
#savoirPlus > div {
    padding: 6px;
    border: 1px dotted gray; border-top: none;
}
#savoirPlus p {
    margin:0;
    padding:6px 0;
}
#savoirPlus h2 {
    margin:2px 0; padding:0;
    color:#244a55;
    font-size:12px; font-weight:bold;
}
#savoirPlus h2 a img {
    vertical-align:middle;
}
#savoirPlus ul {
    margin:0 0 0 15px; padding:0;
    list-style: url('https://www.documentissime.fr/images/triangle-bleu.png');
}
#savoirPlus li {
    padding: 4px 0;
}
#savoirPlus ul a {
    color:#3d5c81;
    font-weight:bold;
}
#savoirPlus ul a:hover {text-decoration: underline;}

#savoirPlus a.plusInfoMediation {
    font-weight:normal;
    color:#3d5c81;
    font-style:italic;
}
#savoirPlusLink a {
    float:right;
    padding-top:6px;
    color:#926345;
    font-weight:bold;
    text-decoration:underline;
}

/* boites d'autopromo */
.boiteDocuments {margin-bottom: 15px;}
.boiteDocuments p {text-align: left; margin: 4px 0;}
.boiteDocuments img {float: left;}
.boiteDocuments p.firstLine {
    color: #8a7b6b;
    font-weight: bold;
}
.boiteDocuments p.secondLine {
    padding: 0 0 0 24px;
}

.boiteQuestions {margin-bottom: 10px;}
.boiteQuestions p {text-align: left; margin: 4px 0;}
.boiteQuestions p.firstLine {
    color: #8a7b6b;
    font-weight: bold;
}
.boiteQuestions img {float: right;}
/*.boiteQuestions.large > a {
    display: block;
    float: left;
    width: 150px;
}*/
.boiteQuestions.large img {
    margin-top: 20px;
}

.boiteDemandes {margin-bottom: 15px;}
.boiteDemandes p {text-align: left; margin: 4px 0;}
.boiteDemandes p.firstLine {
    color: #244a55;
    font-weight: bold;
    text-align: center;
}
.boiteDemandes img {float: left; margin: 3px 8px 0 0;}
.boiteDemandes p.secondLine {
    float: left;
    width: 130px;
}
.boiteDemandes.large p {
    float: right;
    width: 230px;
    margin: 10px 0 0 0;
}
.boiteDemandes.large .secondLine {margin-top: 8px;}
.boiteDemandes.large img {
    margin: 10px 0 0 5px;
}

.souhaitezRepondre {
    margin-bottom: 15px; padding: 10px 0 0;
}
.souhaitezRepondre img {float: left; margin-right: 10px;}
.souhaitezRepondre p {}
.souhaitezRepondre .ligne-1 {
    margin: 0 0 10px;
    color: rgb(92,116,107); font-weight: bold;
}
.souhaitezRepondre .ligne-2 {
    margin: 0; padding: 3px 3px 3px 20px;
    color: black;
    font-weight: bold;
}

/* Rechercher dans l'annuaire des pros */
#rechercheProBoite > div {padding: 8px 0 0;}
#rechercheProBoite > div > img {
    float: left;
    margin: 0 4px;
}
#rechercheProBoite select {
    width: 150px; height: 20px;
    margin-bottom: 4px;
}
#rechercheProBoite a.bouton-rechercher {
    display: block;
    margin: 5px auto 0;
}

/* pages statiques g�n�ral */

#gauche {
    float: left;
    width: 200px;
}
#gauche > div {
    margin: 10px 0;
}
#droite {
    float: left;
    width: 740px;
    padding: 0 20px;
}

.pageStatique h1 {
    color: #244a55;
    font-size: 16px; font-weight: bold;
    text-align: center;
}
.pageStatique h1.titreSection {text-align: left;}
.pageStatique h2 {
    color: gray;
    font-size: 14px; font-weight: bold;
    margin: 18px 0;
}
.pageStatique h3 {
    color: black;
    font-size: 12px; font-weight: bold;
    font-style: italic;
}

#autresPagesStatiques div {padding: 2px 8px;}
#autresPagesStatiques div a {
    display: block;
    padding: 2px 0;
}

/* pages statiques sp�cifique */

#faq p.question {
    color: red;
    font-weight: bold;
}

div.intro img, div.intro div {float: left;}
div.intro div {
    width: 600px;
    padding: 0 30px 0 0;
    font-size: 13px; font-weight: bold;
}
div.intro p {
    margin: 0; padding: 12px 0;
    text-indent: 18px;
}

ul.checks {
    margin: 0 0 0 30px; padding: 0;
    list-style: url("https://www.documentissime.fr/images/greencheck_small.png");
}
ul.triangles {
    margin: 0 0 0 30px; padding: 0;
    list-style: url("https://www.documentissime.fr/images/triangle-bleu.png");
}
ul.triangles li {padding: 5px 0;}
#content.pageStatique div.contentCol {
    float: left;
    width: 350px;
    padding: 0 5px;
}

#infos-presse {margin-top: 20px; vertical-align: top;}
#infos-presse td {padding-bottom: 8px;}
#infos-presse td.date {width: 200px; text-align: center;}
#infos-presse td.date img {margin-right: 10px;}
#infos-presse td.info {width: 400px;}

/* ================ Pagination - liens durs ================ */
nav.pagination {
    width: 500px;
    margin: 16px 6px;
}

nav.pagination a {
    color: #3666D4;
    border: 1px solid #CCDBE4;
    padding: 2px 8px;
    margin: 0 5px 0 0;
}
nav.pagination a:hover {
    background: #3666D4;
    border-color: #2B55AF;
    color: white;
    text-decoration: none;
}
nav.pagination a.active {
    color: black;
    font-weight: bold;
    border: none;
}
nav.pagination a.active:hover {
    color: black; font-weight: bold;
    background: white; text-decoration: none;
    border: none; cursor: default;
}

/* ================ Pagination - jQuery ================ */
.pagination-navigation {font:normal 12px Arial;text-align:center; margin-bottom: 10px;}
.pagination-navigation a {
    display:block;
    float:left;
    min-width:1em;
    margin: 0 5px 0 0; padding:0.3em 0.5em;
    text-align:center;
    text-decoration:none;
    border:solid 1px #3D5C81;
    color:#3D5C81;
}
.pagination-navigation span {
    display: block;
    float: left;
    min-width:1em;
    margin: 0 5px 0 0; padding:0.6em 0.2em 0;
}
.pagination-navigation a:hover {background: #3d5c81; color: white; cursor: pointer; text-decoration: none;}
.pagination-navigation .active, .pagination-navigation a.active:hover {background:#7B9DC6;color:#fff;border:solid 1px #3D5C81;}
.pagination-navigation a.active:hover, .pagination-navigation a.desact {cursor: default;}
.pagination-navigation a.desact {color:#999;border-color:#999;background:#fff;}
#pagination-wrapper .noresult {
    margin: 16px 0;
    color: #244a55;
    font-size: 16px; font-weight: bold;
    text-align: center;
}
/* ================ Suggestion popup ================ */
.suggestions {
    display: none;
    position: absolute;
    z-index: 5;
    border: 1px solid black;
}
.suggestions > div {
    text-align: left;
    background-color: white;
    padding: 2px 6px;
}
.suggestions > div:hover {background-color: rgb(90,160,185); color: white; cursor: pointer;}

/* ================ Tags ================ */
.tag {
    display: inline-block;
    margin: 0 5px 0 0; padding: 3px 6px;
    color: #3d5c81;
    text-decoration: underline;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.tag:hover {
    text-decoration: none;
    background: #d0d0d0;
    background: -moz-linear-gradient(top, #d0d0d0, #e0e0e0);
    background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#e0e0e0));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#d0d0d0', EndColorStr='#e0e0e0', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d0d0d0, endColorstr=#e0e0e0)";
}
/* ================ Boutons ================ */

.sendButton {
    background: #3d5c81;
    border: 1px solid silver;
    color: white;
    display: inline-block;
    font-size: 14px;
    margin: 10px auto;
    padding: 5px 20px;
    text-align: center; text-decoration: none;
}
.sendButton:hover {
    cursor: pointer;
    background: #2d4460;
    color: white;
    text-decoration: none;
}
.sendButton:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sendbutton {
    border: 1px solid silver;
    color: white;
    display: inline-block;
    margin: 10px auto;
    padding: 5px 10px;
    text-align: center; text-decoration: none;
}
.sendbutton:hover {
    color: white;
    cursor: pointer;
    text-decoration: none;
}

/* ================ Carousel des profils ================ */

#profilsBestof > div {
    background: #f1f1ee;
}
#profilsBestof div.profils ul {
    margin: 0; padding: 0;
    list-style: none;
}
li.profil {
    display: block;
    margin: 0; padding: 5px;
}
li.profil img {
    float: left;
    margin-right: 8px;
}
#profilsBestof img.separateur {margin: 4px 0 0 0;}
li.profil a {
    display: block;
    float: left;
}
.mini li.profil a {max-width: 125px;}
li.profil span {display: block; padding: 1px 0;}
li.profil span.nom {font-weight: bold; color: black;}
li.profil span.profession {font-weight: bold; color: #536961;}
li.profil span.ville {color: black;}
li.profil span.distance {color: #575757; font-weight: bold;}
/* nouvelle version 
#profil-avocats-docme {
    margin: 5px 0;
}
.profil-carrousel {
	display: inline-block;
	padding: 5px 10px;
}*/
.profil-carrousel:hover {
    background: #f0f0f0;
    box-shadow: 0 0 10px #666;
    cursor: pointer;
}
/*
.profil-carrousel .profilimage {
	float: left;
	height: 60px;
    margin-right: 10px;
	overflow: hidden;
	text-align: center;
	width: 60px;
}

.profil-carrousel .profilinfos {
	float: left;
}*/
.profil-carrousel .profilinfos p {
    margin: 0 0 6px;
}/*
.profil-carrousel .nom {
	color: #3d5c81;
}*/

/* ================ jCarousel - boite ================ */

.jcarousel-skin-demandes .jcarousel-direction-rtl,
.jcarousel-skin-profils .jcarousel-direction-rtl,
.jcarousel-skin-questions .jcarousel-direction-rtl
{
    direction: rtl;
}

.jcarousel-skin-demandes .jcarousel-container-vertical, .jcarousel-skin-demandes .jcarousel-clip-vertical,
.jcarousel-skin-profils .jcarousel-container-vertical, .jcarousel-skin-profils .jcarousel-clip-vertical,
.jcarousel-skin-questions .jcarousel-container-vertical, .jcarousel-skin-questions .jcarousel-clip-vertical
{
    width: 330px;
    padding: 0;
}
/* .jcarousel-skin-demandes .jcarousel-container-vertical, .jcarousel-skin-demandes .jcarousel-clip-vertical {height: 95px;}*/
.jcarousel-skin-profils .jcarousel-container-vertical, .jcarousel-skin-profils .jcarousel-clip-vertical {height: 215px;}
.jcarousel-skin-questions .jcarousel-container-vertical, .jcarousel-skin-questions .jcarousel-clip-vertical {height: 115px;}

.mini .jcarousel-skin-profils .jcarousel-container-vertical, .mini .jcarousel-skin-profils .jcarousel-clip-vertical {height: 300px; border-bottom: 1px dotted gray;}

.mini .jcarousel-skin-demandes .jcarousel-container-vertical, .mini .jcarousel-skin-demandes .jcarousel-clip-vertical,
.mini .jcarousel-skin-profils .jcarousel-container-vertical, .mini .jcarousel-skin-profils .jcarousel-clip-vertical,
.mini .jcarousel-skin-questions .jcarousel-container-vertical, .mini .jcarousel-skin-questions .jcarousel-clip-vertical {
    width: 200px;
}

.jcarousel-skin-demandes .jcarousel-item, .jcarousel-skin-profils .jcarousel-item, .jcarousel-skin-questions .jcarousel-item {
    width: 330px;
}
.mini .jcarousel-skin-demandes .jcarousel-item, .mini .jcarousel-skin-profils .jcarousel-item, .mini .jcarousel-skin-questions .jcarousel-item {
    width: 190px;
}

.jcarousel-skin-demandes .jcarousel-item-vertical {margin: 5px 0;}
.jcarousel-skin-profils .jcarousel-item-vertical {margin: 0;}
.jcarousel-skin-questions .jcarousel-item-vertical {margin: 2px 0;}

.jcarousel-skin-demandes .jcarousel-item-placeholder,
.jcarousel-skin-profils .jcarousel-item-placeholder,
.jcarousel-skin-questions .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

/* ================ jCarousel - boutons ================ */

.jcarousel-skin-demandes .jcarousel-next-vertical, .jcarousel-skin-demandes .jcarousel-prev-vertical,
.jcarousel-skin-profils .jcarousel-next-vertical, .jcarousel-skin-profils .jcarousel-prev-vertical,
.jcarousel-skin-questions .jcarousel-next-vertical, .jcarousel-skin-questions .jcarousel-prev-vertical
{
    position: absolute;
    right: 5px;
    width: 21px;
    height: 22px;
    cursor: pointer;
    background: transparent url('https://www.documentissime.fr/images/accueil-sprites-icons.png') no-repeat;
}

.jcarousel-skin-demandes .jcarousel-next-vertical,
.jcarousel-skin-profils .jcarousel-next-vertical,
.jcarousel-skin-questions .jcarousel-next-vertical
{
    bottom: 5px;
}

.jcarousel-skin-demandes .jcarousel-prev-vertical,
.jcarousel-skin-profils .jcarousel-prev-vertical,
.jcarousel-skin-questions .jcarousel-prev-vertical
{
    top: 5px;
}

.jcarousel-skin-demandes .jcarousel-next-vertical {background-position: 0 -605px;}
.jcarousel-skin-demandes .jcarousel-next-vertical:hover {background-position: 0 -583px;}
.jcarousel-skin-demandes .jcarousel-next-vertical:active {background-position: 0 -561px;}
.jcarousel-skin-demandes .jcarousel-next-disabled-vertical, .jcarousel-skin-demandes .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-demandes .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -539px;
}

.jcarousel-skin-demandes .jcarousel-prev-vertical {background-position: 0 -517px;}
.jcarousel-skin-demandes .jcarousel-prev-vertical:hover {background-position: 0 -495px;}
.jcarousel-skin-demandes .jcarousel-prev-vertical:active {background-position: 0 -473px;}

.jcarousel-skin-demandes .jcarousel-prev-disabled-vertical, .jcarousel-skin-demandes .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-demandes .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -451px;
}

.jcarousel-skin-profils .jcarousel-next-vertical {background-position: 0 -429px;}
.jcarousel-skin-profils .jcarousel-next-vertical:hover {background-position: 0 -407px;}
.jcarousel-skin-profils .jcarousel-next-vertical:active {background-position: 0 -385px;}
.jcarousel-skin-profils .jcarousel-next-disabled-vertical, .jcarousel-skin-profils .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-profils .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -363px;
}

.jcarousel-skin-profils .jcarousel-prev-vertical {background-position: 0 -341px;}
.jcarousel-skin-profils .jcarousel-prev-vertical:hover {background-position: 0 -319px;}
.jcarousel-skin-profils .jcarousel-prev-vertical:active {background-position: 0 -297px;}
.jcarousel-skin-profils .jcarousel-prev-disabled-vertical, .jcarousel-skin-profils .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-profils .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -275px;
}

.jcarousel-skin-questions .jcarousel-next-vertical {background-position: 0 -781px;}
.jcarousel-skin-questions .jcarousel-next-vertical:hover {background-position: 0 -759px;}
.jcarousel-skin-questions .jcarousel-next-vertical:active {background-position: 0 -737px;}
.jcarousel-skin-questions .jcarousel-next-disabled-vertical, .jcarousel-skin-questions .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-questions .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -715px;
}

.jcarousel-skin-questions .jcarousel-prev-vertical {background-position: 0 -693px;}
.jcarousel-skin-questions .jcarousel-prev-vertical:hover {background-position: 0 -671px;}
.jcarousel-skin-questions .jcarousel-prev-vertical:active {background-position: 0 -649px;}
.jcarousel-skin-questions .jcarousel-prev-disabled-vertical, .jcarousel-skin-questions .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-questions .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -627px;
}

/* ================ Fenetre d'enregistrement ================ */

#controleCoordChamp {display: none;}
.invalid {background:#ffdfdf; border:1px solid #df7d7d;}
.valid{background:#97ff97;}

/* premier �cran */
#login_reg1 div.colonne {
    float: left;
    width: 372px;
    margin: 0; padding: 10px 10px;
}
#login_reg1 header .ligne-1 {
    margin: 0; padding: 6px;
    color: #3d5c81;
    font-size: 22px; font-weight: bold;
}
#login_reg1 header .ligne-2 {
    color: #80573c;
    margin: 0 0 12px; padding: 6px 0;
    font-size: 16px; font-weight: bold;
}
/*#login_reg1 h5 img {vertical-align: middle; margin-top: -8px;}*/
#login_reg1 input[type='text'], #login_reg1 input[type='password'] {
    width: 200px;
    font: normal 12px Arial;
}
.login_reg tr.inputligne:hover {
    background: #ccc;
}
.login_reg td {
    border: none;
    padding: 5px 5px;
}
.login_reg .nomChamp {
    font-weight: bold;
}
.login_reg input, .login_reg select {
    margin: 0;
}

#dataBase {
    float: left;
    width: 360px;
    margin: 0 10px 0 0;
}
#dataLogin {
    float: left;
    width: 360px;
    margin: 0 10px 5px 0;
}
#dataLogin .checkboxes span {
    margin-left: 30px;
}
.login_reg .charte {
    font-size: 11px;
    font-style: italic;
}
.makeradio {
    display: inline-block;
    width: 12px; height: 12px;
    background: url(https://www.documentissime.fr/images/radiobutton-bg.gif) left top;
}
.makeradio:hover {
    background-position: center top;
    cursor: pointer;
}
.makeradio.act {
    background-position: left bottom;
}
.makeradio.act:hover {
    background-position: center bottom;
    cursor: pointer;
}
#dataRight .nomChamp {width: 150px;}
#dataRight input[type='text'], #dataRight input[type='password'], #dataRight input[type='email'] {width: 180px;}
#regEmail {width: 200px;}
#creerMonCompte2 {display: block; color: white; width: 155px; margin: 10px auto 8px;}
#dataRight p {margin: 6px 0;}
#messageVerificationEmail {display: none;}
p.dejaMembre {
    font-size: 11px;
    margin: 0 0 8px;
}

#regform-sendbutton-wrapper img {display: none;}
#regform-sendbutton-wrapper.loading img {display: inline;}
#regform-sendbutton-wrapper.loading a {display: none;}
/* deuxieme �cran */
#login_reg2 div.colonne {
    float: left;
    margin: 0; padding: 10px 20px;
}
#login_reg2 header {
    color: #244a55;
    font-size: 15px; font-weight: bold;
    line-height: 1.3em;
    margin: 1em 0;
}
#login_reg2 #jeuPrez {
    width: 333px;
    padding: 10px 0 10px 15px;
}
#jeuPrez p {
    font-size: 12px;
    margin: 12px 0;
    text-align: justify;
}
#jeuPrez img {
    float: right;
    margin: 0 0 10px 8px;
    border: 1px solid black;
}
#extraInfos {
    width: 420px;
}
#extraInfos header {
    font-size: 13px;
}
#extraInfos td {
    padding: 5px 5px;
}
#extraInfos .nomChamp {width: 150px;}
#extraInfos select {width: 240px;}

#controleCoordChamp, #editCoordChamp {
    width: 350px;
    border: 1px dotted gray;
    padding: 6px 12px;
}
#editCoordChamp {
    background: #daebef;
}
.inputCP {width: 50px;}
#editCoordChamp input {margin: 3px 4px;}
#editCoordNom {width: 80px;}
#editCoordPrenom {width: 101px;}
#editCoordAdresse {width: 283px;}
#editCoordVille {width: 170px;}
#editCoordTelephone {width: 139px;}

#editCoordChamp .sendButton {margin: 6px auto;}

#boutonsTerminer {
    width: 320px; padding: 0; text-align: center;
}
#verifierAdresse h1 {
    color: #3d5c81;
    margin: 0 0 10px 0;
}
#verifierAdresse h2 {
    color: #244a55;
    font-size: 16px;
}
#validation {
    width: 255px; height: 105px;
    margin: 10px auto;
    background: url('https://www.documentissime.fr/images/validerParticipation.png') no-repeat bottom left;
}
#validation:hover {background-position: center left; cursor: pointer;}
#validation:active {background-position: top left; cursor: pointer;}
#boutonsTerminer a {font-size: 11px;}

/* divers */
a.embedToggler {
    text-align: center;
    color: #bf2026;
    font-size: 13px; font-weight: bold;
}

#docme-resultats-recherche { background-color:white; border: 1px solid silver; border-top: none; padding-bottom:10px; width: 1000px; margin: 0 auto;}
#docme-resultats-recherche a { color:#3d5c81; }
#docme-resultats-recherche h2 { font-size:16px; text-align:center; margin-bottom:20px; }
#docme-resultats-recherche hr { width: 90%; height: 1px; margin: 15px auto; border-top: 1px solid #333; }
#docme-resultats-recherche-fermer { position:absolute; right:22px; top:15px; z-index:2; cursor:pointer; }
#docme-resultats-recherche-fermer img { border:none; }
#docme-resultats-recherche-content-Wrapper { padding:10px; width:980px; position:relative; z-index:1; background-color:white; min-height:500px; height:auto; }
#docme-resultats-recherche-content-left { float:left; width:200px; margin-left:5px; }
#docme-resultats-recherche-content-right { float:left; position:relative; border:1px solid #CFD7E1; width:737px; padding-right:20px; padding-left:10px; margin-left:-1px; z-index:1; }
#docme-resultats-recherche-content-right .search_result { font-size:14px; }
#docme-resultats-recherche-content-right img { margin-right:5px; }
#docme-resultats-recherche-content-right .result_line { margin-bottom:18px; }
#docme-resultats-recherche-content-right p { margin:6px 0; }
#docme-resultats-recherche-content-top { background-color:#EDF0F3; /*margin-top:30px;*/ border:1px solid #CFD7E1; border-bottom:none; border-right:none; }
#docme-resultats-recherche-content-top .searchlink-wrap { padding:5px 10px 5px 10px; border-bottom: 1px solid #CFD7E1; border-top: 1px solid #FFFFFF; }
#docme-resultats-recherche-content-top .searchlink-wrap:hover { cursor:pointer; background-color:#e0e4e6; border:1px solid #e0e4e6; /*text-shadow: 2px 2px 3px #999;*/ }
#docme-resultats-recherche-content-top .categorie:hover { cursor:default; text-shadow:none; background-color:#EDF0F3; border:none; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CFD7E1; }
#docme-resultats-recherche-content-top .active:hover { text-shadow:none; background-color:#fff; border:none; border-top:1px solid white; border-right:1px solid white; border-bottom: 1px solid #CFD7E1; }
#docme-resultats-recherche-content-top a:hover { text-decoration:none; }
#docme-resultats-recherche-content-top .categorie { }
#docme-resultats-recherche-content-top .categorie img { width:20px; height:18px; margin-right:10px; }
#docme-resultats-recherche-content-top .categorie span { position:relative; top:-3px; }
#docme-resultats-recherche-content-top .active {background-color:#fff; position:relative; /*border-left:1px solid silver;*/ border-right:1px solid white; z-index:200; }
#docme-resultats-recherche-content-top .active a { color:#bf2026; }
.loadingimg { margin-left:330px; margin-top:20px; }
#docme-resultats-recherche .docme-recherche-pagination {font:normal 12px Arial;text-align:center; margin-bottom: 10px;}
#docme-resultats-recherche .docme-recherche-pagination a {
    display:block;
    float:left;
    min-width:1em;
    margin: 0 5px 0 0; padding:0.3em 0.5em;
    text-align:center;
    text-decoration:none;
    border:solid 1px #3D5C81;
    color:#3D5C81;
}
#docme-resultats-recherche .docme-recherche-pagination span {
    display: block;
    float: left;
    min-width:1em;
    margin: 0 5px 0 0; padding:0.6em 0.2em 0;
}
#docme-resultats-recherche .docme-recherche-pagination a:hover {background: #3d5c81; color: white; cursor: pointer; text-decoration: none;}
#docme-resultats-recherche .docme-recherche-pagination .active, #docme-resultats-recherche .docme-recherche-pagination a.active:hover {background:#7B9DC6;color:#fff;border:solid 1px #3D5C81;}
#docme-resultats-recherche .docme-recherche-pagination a.active:hover, #docme-resultats-recherche .docme-recherche-pagination a.desact {cursor: default;}
#docme-resultats-recherche .docme-recherche-pagination a.desact {color:#999;border-color:#999;background:#fff;}

.bstar { width:16px; height:16px; background:url('https://www.documentissime.fr/images/starrating.png') no-repeat 0 -1px; }
.ostar { width:16px; height:16px; background:url('https://www.documentissime.fr/images/starrating.png') no-repeat 0 -18px; }	
.ystar { width:16px; height:16px; background:url('https://www.documentissime.fr/images/starrating.png') no-repeat 0 -35px; }
.stars div { float:left; }

.fbTwitterBox {
    margin-bottom:15px;
    border:1px solid silver;
    padding:4px;
    box-shadow: 3px 3px 6px #aaa;
    background:-moz-linear-gradient(top,#fff,#7d9cc1);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#7d9cc1));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#7d9cc1', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#7d9cc1)"
}
.fbTwitterBox .text { text-align:center; margin-bottom:10px; color:#3d5c81; font-weight:bold; text-shadow: 1px 1px 1px white, -1px 0 1px #CCC; }
.fbTwitterBox td {width:30%;}
.fbTwitterBox td.plus1 {text-align:center;}
.fbTwitterBox td.plus1 > div {width:75px;margin:0 auto;}
.fbTwitterBox td.twitter {text-align:right;}

.creerRubriqueModeles { border:1px solid silver; border-radius:8px; margin:0 auto; padding:6px; padding-top:4px; text-align:center; width:200px; }
.creerRubriqueModelesLeft { float:left; margin-top:8px; width:50px; }
.creerRubriqueModelesRight { float:left; width:150px; }
.creerRubriqueModelesRight a { color:white; font-size:13px; font-weight:bold; text-decoration:none; }
.creerRubriqueModelesRight a:hover {text-decoration: none;}

/* pub free mobile */
.pub-freemobile {
    border: 1px solid #BF2026;
    display: block;
    font-size: 13px;
    margin: 0 0 15px 0;
    padding: 5px;
}
.pub-freemobile.w200 {
    font-size: 12px;
}
.pub-freemobile:hover {
    background: #f0f0f0;
    text-decoration: none;
}
.pub-freemobile .lancement {
    color: gray;
    float: left;
    font-size: 15px;
    text-align: center;
    width: 110px;
}
.pub-freemobile.w200 .lancement {
    float: none;
    width: 100%;
}
.pub-freemobile .logo {
    float: left;
    margin: 0 0 0 10px;
}
.pub-freemobile.w200 .logo {
    float: none;
    margin: 10px 0 0 0;
    text-align: center;
}
.pub-freemobile .autres {
    color: gray;
    margin: 10px 0 5px;
}
.pub-freemobile .texte {
    color: #BF2026;
}

/* autopromo packs */
.pack-autopromo {
    margin: 0 auto;
}
.pack-autopromo.format-b {
    padding-bottom: 10px;
}
.pack-autopromo .titre {
    font-size: 15px; font-weight: bold;
    margin: 0 0 10px;
    text-align: center;
}
.pack-autopromo .photo-avocat {
    padding-right: 20px;
    vertical-align: bottom;
}
.pack-autopromo .photo-avocat img {display: block;}
.pack-autopromo .arguments {
    font-size: 14px;
}
.pack-autopromo .arguments div {
    margin: 6px 0;
}
.pack-autopromo .nom-avocat {
    border-top: 1px solid #BF2026;
    padding-top: 5px;
    padding-left: 5px;
}

.pack-autopromo.format-b .bigsendbutton {
    margin: 12px auto;
}
.bigsendbutton {
    border: 1px solid silver;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    padding: 4px 6px 6px;
    text-align: center;
    width: 240px;
}
.bigsendbutton:hover {cursor: pointer; text-decoration: none;}
.bigsendbutton .image {
    margin: 0 5px;
}
.bigsendbutton .texte {
    color: white;
    font-size:13px; font-weight:bold;
    width: 200px;
}

/* divers */
.warningmsg-wrapper {
    background: white;
    font-size: 14px;
    padding: 15px 30px;
    text-align: center;
}
.warningmsg-wrapper p {
    margin: 15px 0;
    text-align: center;
}
.warningmsg-wrapper h1 {
    font-size: 16px;
}

/* ======== Commentaires ======== */
.comment {
    margin: 10px auto;
}
.comment > header {
    height: 21px;
    padding: 4px 10px 0;
    color: white;
    font-size: 12px; font-weight: bold;
}
.comment .nom {float: left;}
.comment .date {float: right;}
.comment  > p {
    margin: 0; padding: 6px 10px;
    border: 1px dotted rgb(0,153,153);
    border-top: none;
    background: #FCF8F8;
    text-align: justify;
}

/* formulaire de comment */
.commentform-wrapper {
    width: 350px;
}
.commentform-wrapper header {
    font-size: 14px; font-weight: bold;
    margin: 12px 0;
}

/* ======== Fil d'Ariane ======== */
.fildariane {
    margin: 15px 0;
}

/* ======== Options d'achat ======== */
.downloadbox {
    background: #d3ddeb;
    background: -moz-linear-gradient(top,#fff,#b8c8dd);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#b8c8dd));
    /*filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fff',EndColorStr='#b8c8dd',GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#b8c8dd)";*/
    margin: 0 22px 10px 22px;
    padding: 7px;
    position: relative;
    width: 170px;
}
.downloadbox.selected {
    /*background: #9ab1d1;
    background: -moz-linear-gradient(top,#fff,#6587b6);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#6587b6));*/
    box-shadow: 0 0 20px #444;
}
.downloadbox.abonnement {
    margin-right: 0;
    width: 195px;
}
.downloadbox .icone {
    left: -30px;
    position: absolute;
    top: 0;
}
.downloadbox h2 {
    color: #666;
    font-size: 14px;
    line-height: 1.3em;
    margin: 10px 0 15px 40px;
}
.downloadbox.abonnement h2 {
    margin-left: 30px;
}
.downloadbox .proprietes {
    color: #666;
    font-weight: bold;
}
.downloadbox.abonnement .proprietes {
    margin: 20px 0 19px;
}
.downloadbox .propriete {
    background-position: top left;
    background-repeat: no-repeat;
    margin: 8px 0;
    padding-left: 25px;
}
.downloadbox .propriete.dispo {
    background-image: url(/images/icone/check-small.png);
}
.downloadbox .propriete.non-dispo {
    background-image: url(/images/icone/cross-small.png);
}
.downloadbox .action .prix {
    color: #666;
    display: inline-block;
    font-size: 16px; font-weight: bold;
    margin: 0 15px 0 10px;
    text-transform: uppercase;
}
.downloadbox.payant .prix {
    color: #5ca454;
    font-size: 25px;
}
.downloadbox.abonnement .prix {
    margin-right: 20px;
}
.downloadbox .action .ttc {
    font-size: 11px;
}

/* ======== Formulaire d'achat ======== */
#commandform-wrapper {
    border: 1px solid silver;
    display: none;
    margin: 20px 0;
    padding: 0 10px;
    width: 465px;
}
#commandform-wrapper p {
    margin: 4px 0 12px;
    text-align: center;
}
#commandform-wrapper .nom-formule {
    font-size: 13px; font-weight: bold;
    margin: 12px 0;
}

#commandform-wrapper .choix-paiement {
    font-size: 13px;
    margin: 15px 0 10px;
}
#commandform-wrapper .commandbox {
    display: block;
    margin: 4px 7px 10px;
}
#commandform-wrapper .commandbox.cb {
    margin-right: 20px;
    width: 202px;
}
#commandform-wrapper .commandbox p {
    font-size: 13px;
}
#commandform-wrapper .commandbox.cb p {
    padding-bottom: 4px;
}
#commandform-wrapper .commandbox .cadenas {
    margin-right: 3px;
}
#commandform-wrapper .commandbox .cm-cic-logo {
    margin: 15px 0 -3px;
}
#commandform-wrapper .commandbox.paypal {
    width: 220px;
}
#commandform-wrapper .commandbox.cb .imagebutton {
    border: 2px solid #999;
    padding-top: 4px;
}
#commandform-wrapper .commandbox .imagebutton {
    border: 2px solid white;
}
#commandform-wrapper .commandbox .imagebutton:hover {
    border: 2px solid #ccc;
    box-shadow: 0 0 10px #ccc;
    cursor: pointer;
}

/* ======== Outils ======== */
.outil.pub {
    border: 1px solid silver;
    display: block;
    margin: 10px auto;
    padding: 10px;
}
.outil.pub:hover {
    background: #f0f0f0;
}
.outil.pub header {
    font-size: 13px; font-weight: bold;
    margin: 0 0 1em;
}
.outil.pub img {
    margin-right: 10px;
}
.outil.pub .texte {
    display: inline-block;
}

/* ======== Bandeau cookies ======== */
#cookiebanner {
    background: #e9e9e9;
    border-top: 1px solid #979797;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#cookiebanner .text {
    padding: 9px 15px;
    text-align: center;
    width: calc(100% - 100px);
}
#cookiebanner .text a {
    text-decoration: underline;
}
#cookiebanner .button {
    color: white;
    font-size: 16px;
    height: 16px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
}
#cookiebanner .button:hover {
    text-decoration: none;
}



/* new Docme */