/*
Author:Tony Archambeau

CONTENTS GLOBAL
-----------------------------------------
1. RESET
2. ROOT
3. CORE TYPOGRAPHY
3.bis TABLES
4. LINKS
5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
7. BROWSER AND NON-SEMANTIC STYLING

CONTENTS LAYOUT
-----------------------------------------
8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
8.1 MAIN
8.2 HEADER
8.3 ASIDE
8.4 FOOTER
9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
*/



/* 1. RESET
----------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display:block;
}


/* 2. ROOT
----------------------------------------------------------------------------------------*/
html {overflow-y:scroll;}
img,embed,object,video {max-width:100%;}
.ie6 img.full,.ie6 object.full,.ie6 embed,.ie6 video {width:100%;}


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
font-family:Arial,Tahoma,Verdana,sans-serif;
font-size:1em;
line-height:1.618em;
color:#333;
background-color:#D2E8F3;
}

img {
border:none;
}

acronym:hover {
cursor:help;
}

h1,h2,h3,h4,h5,h6 {
margin:.5em 0 .5em;
line-height:1em;
}
h1 {
font-size:1.6em;
}
h2 {
font-size:1.4em;
color:#0b3451;
}
h3 {
font-size:1.3em;
}

p,ul,ol,dl,blockquote {
font-size:1em;
line-height:1.618em;
margin-bottom:1.618em;
}
ul,ol {
margin-bottom:.718em;
}
p+ul,ul+p {
margin-top:-.3em;
}
ul {
list-style-type:disc;
margin-left:1.618em;
}
ol {
list-style-type:decimal;
margin-left:1.618em;
}

nav ul,nav ol {
list-style:none;
margin:0;
padding:0;
}

i,em {
font-style:italic;
}

small {
font-size:80%;
}

h1+p,b,strong,tr.TableBold td {
font-weight:bold;
}


/*** divers HTML ***/
blockquote {
margin-left:1em;
border-left:1px dotted #adadad;
font-family:Georgia,"Times New Roman",Times,serif;
padding:0 3em;
}
blockquote:before,blockquote:after {
font-size:3em;
color:#dedede;
padding:0 .2em;
}
blockquote:before {
float:left;
margin-left:-1em;
content:"\00AB";
}
blockquote:after {
display:block;
margin-top:-1.618em;
margin-right:-1em;
text-align:right;
line-height:1em;
content:"\00BB";
}

fieldset {
border:1px solid #ccc;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:4px 0;
padding:4px;
}
legend {
margin-left:1em;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
color:#999;
padding:2px .6em;
}

option .selected {
text-align:center;
font-weight:bold;
}


/* 3.bis TABLES
----------------------------------------------------------------------------------------*/
table {
border-collapse:collapse;
width:100%;
border:1px solid #dedede;
margin:auto;
}
th {
border:1px solid #dedede;
padding-left:2px;
padding-right:2px;
text-align:left;
}
thead th {
background:#aaa;
background-image:-webkit-gradient(linear,left top,left bottom,from(#dedede),to(#aaa));
background-image:-webkit-linear-gradient(top,#dedede,#aaa);
background-image:-moz-linear-gradient(top,#dedede,#aaa);
background-image:-o-linear-gradient(top,#dedede,#aaa);
background-image:linear-gradient(top,#dedede,#aaa);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#FFdedede,endColorstr=#Faaaa);
padding-left:0;
padding-right:0;
text-align:center;
}
td {
border:1px solid #dedede;
overflow:auto;
padding:2px 3px;
}
tr {
overflow:auto;
}
th img {
border:none;
vertical-align:middle;
}
th a {
color:#000;
}
th.col-icon {
width:22px;
}
tr.TableauAlternatif td {
background-color:#F1F1F1;
}

/* 4. LINKS
----------------------------------------------------------------------------------------*/
a,a:visited {
outline:none;
text-decoration:underline;
color:#439BBD;
}

a:hover {
outline:none;
text-decoration:none;
color:#EB5500;
}

a:active,a:focus {
outline:none;
color:#fff;
background-color:#EB5500;
}


/* 5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/
.p_marge {margin-left:30px;}
.p_marge_2 {margin-left:70px;}
.souligne {text-decoration:underline;}
.souligne_dessus {text-decoration:overline;}
.barrer {text-decoration:line-through;}
.align_droite {text-align:right}
.align_gauche {text-align:left}
.justifier {text-align:justify;}
.centrer {text-align:center;}
.clignotant {text-decoration:blink;}
.barre75pourcent {width:75%;}
.clean {clear:both;}
.ClearLeft {clear:left;}
.couleurBleu {color:blue;}
.couleurVert {color:green;}
.couleurRouge {color:red;}
.BackgroundColorGreen,.TableauAlternatif .BackgroundColorGreen {background-color:#a3f8a1;}
.BackgroundColorYellow {background-color:#f8f3a1;}
.BackgroundColorOange,.TableauAlternatif .BackgroundColorOange {background-color:#ffcd91;}
.BackgroundColorRed,.TableauAlternatif .BackgroundColorRed {background-color:#f8a1a8;}
.pointer {cursor:pointer;}
.discret {font-size:.7em;line-height:.9em;color:#5A5A5A;}
.discretMoyen {font-size:.8em;color:#5A5A5A;}
.nowrap {white-space:nowrap;}
.form-control { border:1px solid #ccc; padding:6px 12px; }


/* 6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
----------------------------------------------------------------------------------------*/
#container {
margin:0 auto;
}
aside {
float:right;
clear:right;
height:auto;
}

#main {
clear:both;
border:2px solid #333;
background-color:#FDFDFE;
border-bottom:3px solid #222;
}

#content {
padding:4px;
}

#asidePrimary {
position:relative;
float:left;
}
#asideSecondary {
position:relative;
float:right;
}
#asideSecondary a{
text-decoration:none;
}

footer {
background-color:#eee;
clear:both;
position:relative;
padding-left:3%;
font-size:.85em;
}


/* 7. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before,.cf:after {
content:"";
display:block;
}

.ie6 .cf {
zoom:1;
}


/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/

/* 8.1 MAIN
----------------------------------------------------------------------------------------*/

/* 8.2 HEADER
----------------------------------------------------------------------------------------*/

/*** Header ***/
header {
padding-bottom:5px;
}

header #HeaderLogo {
position:relative;
float:left;
font-size:.88em;
padding:3px;
}

header #HeaderLogo a {
display:block;
opacity:0.7;
}

header #HeaderLogo a:hover {
opacity:1;
}
header #HeaderLogo a:active,header #HeaderLogo a:focus {
background:none;
}

header #HeaderContentRight {
margin-left:340px;
}

header #HeaderContentRightTop >div {
margin-bottom:10px;
}

header #HeaderSearch{
	padding-top:5px;
}
header #HeaderSearch table,
header #HeaderSearch td{
	border:0;
}
header #HeaderSearch input {
vertical-align:middle;
}

header #HeaderSearch input[type=text] {
height:22px;
margin:0;
border:1px solid #aaa;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-bottom-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
}

header #HeaderSearch input[type=text]:hover {
border:1px solid #888;
}
header #HeaderSearch input[type=text]:focus {
border:1px solid #666;
}
header #HeaderSearch input[type=submit] {
height:26px;
margin-left:-4px;
border:1px solid #aaa;
border-left:none;
background-color:#aaa;
-moz-border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-moz-border-bottom-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
}

header #HeaderSearch input[type=submit]:hover {
color:#000;
background-color:#888;
}

header #HeaderInscription {
position:relative;
float:right;
}
header #HeaderInscription ul {
list-style-type:none;
height:26px;
background-color:#FAFAFA;
border:1px solid #dedede;
border-top:none;
-moz-border-bottom-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-bottom-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
margin:0;
}
header #HeaderInscription li {
position:relative;
float:left;
line-height:1em;
}
header #HeaderInscription li.first {
border-right:1px solid #ccc;
}

header #HeaderInscription li a {
display:block;
height:26px;
line-height:26px;
text-decoration:none;
color:#444;
padding:0 6px;
}

header #HeaderInscription li a:hover,header #HeaderInscription li#connexion.hover a {
color:#111;
background-color:#f5ddd0;
}

header #HeaderInscription li#connexion a {
padding-right:1.2em;
}

header #HeaderInscription li#connexion a:before {
position:absolute;
right:1em;
top:50%;
margin-top:-.8em;
border:1em solid transparent;
content:"";
border-top-color:#444;
font-size:5px;
}

header #HeaderInscription li#connexion a:hover:before {
border-top-color:#111;
}

header #HeaderInscription #connexionHover {
position:absolute;
top:26px;
right:0;
z-index:99;
background-color:#FDFDFE;
border:3px solid #f5ddd0;
border-top:4px solid #f5ddd0;
-moz-border-bottom-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-bottom-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-box-shadow:-1px 3px 3px #aaa;
-webkit-box-shadow:-1px 3px 3px #aaa;
box-shadow:-1px 3px 3px #555;
padding:20px;
}

#connexionHover input[type=text] {
margin-bottom:20px;
}

header #HeaderPub {
width:468px;
height:60px;
margin:auto;
}

/*** MENU ***/
#MenuURL {
position:relative;
float:right;
height:1.618em;
vertical-align:middle;
}
#MenuURL li {
position:relative;
float:left;
height:1.618em;
line-height:1.618em;
}
#MenuURL li > a {
display:block;
height:1.618em;
line-height:1.618em;
padding-right:.5em;
text-decoration:none;
color:#333;
}
#MenuURL a:hover {
color:#EB5500;
}
#MenuURL a img {
border:none;
padding:0 .2em;
}

/*** NAVIGATION ***/
nav {
border-bottom:2px solid #333;
background-color:#fff;
}

nav ul {
display:table;
width:100%;
}

nav ul >li {
display:table-cell;
}

nav ul >li >a,nav ul >li >a:visited {
position:relative;
display:block;
text-align:center;
text-decoration:none;
margin-bottom:-2px;
color:#555;
}

nav ul >li >a:hover,nav ul >li.current >a {
text-decoration:none;
border-bottom:2px solid #EB5500;
color:#EB5500;
}

nav ul >li >a:active,nav ul >li >a:focus{
color:#fff;
}

nav ul >li >a:before {
position:absolute;
left:50%;
bottom:0;
margin-left:-.8em;
border:1em solid transparent;
font-size:0;
content:"";
}

nav ul >li >a:hover:before,nav ul >li.current >a:before {
border-bottom-color:#EB5500;
font-size:5px;
}


/* 8.3 ASIDE
----------------------------------------------------------------------------------------*/
#asidePrimary,#asideSecondary {
padding-left:.3em;
border-left:1px solid #dedede;
}

#asidePrimary .SousMenu,#asideSecondary .SousMenu {
margin-bottom:4px;
}

aside div.SousMenu h3 {
font-size:1.15em;
margin:.35em 0 0;
}

aside div.SousMenu ul li a {
display:block;
font-size:.9em;
text-decoration:none;
color:#1c82c8;
margin:0;
padding:2px 0 2px 6px;
}

aside div.SousMenu ul a:hover {
color:#EB5500;
background-color:#FAFAFA;
}

aside div.SousMenu ul ul.children li a {
padding-left:14px;
font-size:.95em;
}

aside div.SousMenu ul ul.children li a:before {
content:"- ";
}

aside div.SousMenu ul ul.children ul.children li a {
padding-left:22px;
}


/* 8.4 FOOTER
----------------------------------------------------------------------------------------*/
footer .col,footer .coldernier {
position:relative;
float:left;
width:33%;
border-right:1px solid #ddd;
margin:10px 10px 0 0;
padding:1px 0;
}

footer .coldernier {
border:none;
width:25%!important;
}

#FooterCopyright {
color:#aaa;
}


/* CLASSES DIVERSES
----------------------------------------------------------------------------------------*/

#pubWebselfTop {
text-align:center;
margin:11px 0 15px;
}

#FilAriane {
font-size:.8em;
margin-bottom:2px;
}

form .espace {
margin:1em 0 2em;
}

.help_box div {
display:none;
position:absolute;
left:-10em;
width:20em;
font-size:.9em;
border:3px solid #dedede;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background-color:#FDFDFE;
z-index:50;
padding:4px;
}

.columns {
clear:left;
border-bottom:1px solid #DEDEDE;
margin-bottom:1em;
padding-bottom:1em;
}

.column {
width:48%;
float:left;
position:relative;
}

.columns .column:first-child {
margin-right:4%;
}

.cadreWithIcon50 img {
float:left;
margin:0 2px 2px 0;
}

.cadreWithIcon50 >div {
margin-left:52px;
}

.icone {
vertical-align:middle;
border:none;
text-decoration:none;
}

.button-menu{
height: 30px;
width: 36px;
background: #eee url(../img/design/icon-menu-24.png) no-repeat center center;
border: 1px solid #ccc;
border-radius: 2px;
margin: 8px;
cursor: pointer;
}

.touche {
border:1px outset black;
background-color:#fff;
padding:1px;
}

.InfoBien,
.InfoMoyen,
.InfoMediocre {
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:4px 0 1.618em;
padding:2px 8px;
}
.InfoBien p,
.InfoMoyen p,
.InfoMediocre p{
margin:0;
}

.InfoBien {
border:1px solid #5CFF5C;
background-color:#C2FFC2;
}

.InfoMoyen {
border:1px solid #ebeb1c;
background-color:#ffffa8;
}

.InfoMediocre {
border:1px solid #F00;
background-color:#FDE8E8;
}

.showPrint{
	display:none;
}

.pictureleft,.pictureright {
border:1px solid silver;
}

.pictureleft,.pictureright,.picture {
position:relative;
font-size:.8em;
font-style:italic;
text-align:center;
margin:4px;
padding:2px;
}

.code_source {
border:1px solid #bbbbbb;
font-size:14px;
overflow:auto;
}

.code_source ol {
margin:0 0 0 40px;
}

.button {
text-align:center;
margin:20px 0;
}

.button input {
font-size:1.4em;
text-align:center;
padding:4px 12px;
}

.button a {
font-size:1.4em;
text-decoration:none;
background:#f55b14 url(../img/design/button-call-to-action-01.png) repeat-x;
color:#fff;
border:1px solid #f5b89c;
-moz-border-radius:6px;
-khtml-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:4px 12px;
}

.button a:hover {
background:#f55b14 url(../img/design/button-call-to-action-03.png) repeat-x;
}

a.buttonAction {
font-size:1.15em;
text-decoration:none;
border:1px solid #618926;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#fff;
text-shadow:-1px -1px 2px #618926;
-moz-box-shadow:0 0 3px #aaa;
-webkit-box-shadow:0 0 3px #aaa;
box-shadow:0 0 3px #555;
white-space:nowrap;
padding:8px 22px;
background:-moz-linear-gradient(#98ba40,#a6c250 35%,#618926);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#98ba40),color-stop(.35,#a6c250),color-stop(1,#618926));
}

a.buttonAction:hover {
background:-moz-linear-gradient(#245192,#1e3b73 75%,#12295d);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#245192),color-stop(.75,#1e3b73),color-stop(1,#12295d));
text-shadow:-1px -1px 2px #465f97;
border:1px solid #0f2557;
-moz-box-shadow:0 0 1px #aaa;
-webkit-box-shadow:0 0 1px #aaa;
box-shadow:0 0 1px #555;
}

a.buttonAction .left {
padding-left:30px;
}

a.buttonAction .right {
padding-right:30px;
}

a.buttonAction .left.btnLoupe,a.buttonAction .left.btnFleche,a.buttonAction .left.btnPlus,a.buttonAction .left.btnListe,a.buttonAction .left.btnComment {
background-position:left center;
}

a.buttonAction .right.btnLoupe,a.buttonAction .right.btnFleche,a.buttonAction .right.btnPlus,a.buttonAction .right.btnListe,a.buttonAction .right.btnComment {
background-position:right center;
}

a.buttonAction .btnLoupe {
background:url(http://www.infowebmaster.fr/public/img/design/loupe-transparente.png) no-repeat;
}

a.buttonAction .btnFleche {
background:url(http://www.infowebmaster.fr/public/img/design/fleche-droite-transparente.png) no-repeat;
}

a.buttonAction .btnPlus {
background:url(http://www.infowebmaster.fr/public/img/design/plus-transparent.png) no-repeat;
}

a.buttonAction .btnListe {
background:url(http://www.infowebmaster.fr/public/img/design/liste-puce.png) no-repeat;
}

a.buttonAction .btnComment {
background:url(http://www.infowebmaster.fr/public/img/design/commentaire-transparent.png) no-repeat;
}

input.buttonAction {
font-size:1.15em;
text-decoration:none;
border:1px solid #618926;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#fff;
text-shadow:-1px -1px 2px #618926;
-moz-box-shadow:0 0 3px #aaa;
-webkit-box-shadow:0 0 3px #aaa;
box-shadow:0 0 3px #555;
white-space:nowrap;
padding:8px 22px;
background:-moz-linear-gradient(#98ba40,#a6c250 35%,#618926);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#98ba40),color-stop(.35,#a6c250),color-stop(1,#618926));
}

input.buttonAction:hover {
background:-moz-linear-gradient(#245192,#1e3b73 75%,#12295d);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#245192),color-stop(.75,#1e3b73),color-stop(1,#12295d));
text-shadow:-1px -1px 2px #465f97;
border:1px solid #0f2557;
-moz-box-shadow:0 0 1px #aaa;
-webkit-box-shadow:0 0 1px #aaa;
box-shadow:0 0 1px #555;
cursor:pointer;
}

div#ChargementPage {
position:absolute;
width:600px;
height:250px;
left:50%;
margin-left:-300px;
top:50%;
margin-top:-200px;
padding-top:150px;
text-align:center;
border:4px solid #808080;
background-color:#fff;
z-index:100;
font-size:1.5em;
color:#808080;
}

.PubHautDroite {
position:relative;
float:right;
margin:4px 0 4px 4px;
}

.vcard {
border:1px dotted silver;
background-color:#fff;
margin:4px 4px 4px 30px;
padding:4px;
}

.LivreOr {
border:1px groove #dedede;
margin:8px 0;
}

.LivreOrHeader {
border-bottom:1px solid #dedede;
background:#aaa;
background-image:-webkit-gradient(linear,left top,left bottom,from(#dedede),to(#aaa));
background-image:-webkit-linear-gradient(top,#dedede,#aaa);
background-image:-moz-linear-gradient(top,#dedede,#aaa);
background-image:-o-linear-gradient(top,#dedede,#aaa);
background-image:linear-gradient(top,#dedede,#aaa);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#FFdedede,endColorstr=#Faaaa);overflow:visible
overflow:visible;
padding:0 3px;
}

.LivreOrContenu {
padding:4px;
}

.ListePage {
text-align:center;
border:1px solid #dedede;
background-color:#E4E4E4;
margin:8px 0;
padding:4px 0;
}

.ListePage a {
text-decoration:none;
border:1px solid #1c82c8;
margin:1px;
padding:1px 3px;
}

.ListePage a:hover {
border:1px solid #fbb006;
}

.debutpage {
margin-top:4px;
margin-bottom:8px;
background:#eee;
padding:10px;
}

.debutpage img {
margin:13px 5px 5px;
}

.debutpage p {
margin:0;
}

/* gestion boite "envoi à un ami" */
#popup_fond {
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
background-image:url(http://www.infowebmaster.fr/public/img/design/fond-transparent-80.png);
z-index:900;
}

#popup_contenu {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
top:30px;
border:4px solid #777;
background-color:#fff;
font-size:1.1em;
color:#777;
max-height:90%;
overflow:auto;
padding:0 8px 8px;
}

#popup_contenu p {
text-align:left;
}

#popup_contenu .bouton_fermer {
text-align:right;
}

#popup_contenu .bouton_fermer a {
text-decoration:none;
color:#000;
}

.popup_envoi_ami label {
float:left;
width:24%;
margin-right:10px;
text-align:right;
}

.popup_envoi_ami label.span {
display:inline;
float:none;
text-align:left;
}

.popup_envoi_ami input[type=text],.popup_envoi_ami textarea {
width:50%;
}

/* Gestion et affichage des messages (forum, com news, com fiches */

.p_author {
max-width:150px;
}

.p_author_rank{
font-size:.8em;
color:#999;
}

.p_msg_head{
height:27px;
font-size:.8em;
color:#999;
}

.p_msg_head a{
color:#999;
}

.p_msg_edit{
display:none;
}

.p_post:hover .p_msg_edit{
display:block;
}

.p_message {
max-width:536px;
overflow:auto;
clear:both;
}

.p_signature {
margin-top:10px;
max-height:52px;
line-height:26px;
overflow:hidden;
font-size:.8em;
border-top:1px solid #dedede;
color:#666;
}

.p_signature a{
color:#666;
}

/* gestion forum (affichage des forums ou des listes) */
.th-nbr-msg{
	width:100px;
}
.th-date-last-msg{
	width:130px;
}
.forum_icon{
width:30px;
}

.forum_auteur {
text-align:right;
color:#777;
}

.forum_auteur a {
color:#777;
}

.forum_th th{
font-size:.9em;
}

.forum_description{
font-size:.9em;
line-height:1.4em;
}

/* boite a MP */
td .messagerie_message {
max-width:386px;
overflow:auto;
}

td .messagerie_sujet {
max-width:252px;
overflow:hidden;
white-space:nowrap;
}

.BoiteGaucheMessagerieMP {
position:relative;
float:left;
width:126px;
background-color:#fafafa;
margin-right:1px;
padding-right:2px;
border-right:1px solid #dedede;
}

.contenuMP a,.BoiteGaucheMessagerieMP a {
text-decoration:none;
margin:4px 0;
}

.contenuMP {
margin-left:130px;
}

#messagerie_boutons {
margin-bottom:6px;
}

.cadre_bouton a {
text-decoration:none;
border:1px solid #bbb;
color:#444;
background-color:#ddd;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:.3em .5em;
}

.cadre_bouton a:hover {
border:1px solid #aaa;
color:#222;
background-color:#ccc;
}


/* divers
----------------------------------------------------------------------------------------*/

.Contenu {
width:800px;
margin-right:164px;
border:2px solid #525252;
background-color:#FDFDFE;
padding:4px;
}

.AnnuaireRecapitulatif {
float:right;
position:relative;
width:250px;
border:1px solid silver;
background-color:#cfc;
margin:4px;
padding:4px;
}

.AnnuaireRecapitulatif h3 {
text-align:center;
margin-bottom:3px;
}

.InfoBienAnnuaire {
border:1px solid green;
background-color:#a6ffa6;
margin:4px 268px 4px 4px;
padding:2px 8px;
}
.InfoBienAnnuaire p{
margin:0;
}

.AccueilNewsBoite {
border-bottom:1px solid #ddd;
}
.AccueilNewsBoite,
.AccueilNewsBoiteFonce {
padding:10px 2px;
margin:10px 0;
}
.AccueilNewsBoite h3,
.AccueilNewsBoiteFonce h3 {
font-size:1.1em;
margin:0;
}
.AccueilNewsBoite p,
.AccueilNewsBoiteFonce p {
font-size:.85em;
margin:0;
}

.AccueilInfoDivers {
position:relative;
float:right;
font-size:12px;
margin-left:4px;
width:35px;
}

.NewsInfoDivers ul {
list-style-type:none;
margin-left:6px;
}

.NewsInfoDivers {
position:relative;
float:right;
font-size:14px;
width:190px;
min-height:110px;
border-left:1px solid #ddd;
}

.AccueilNew {
margin-top:16px;
margin-left:66%;
border:1px solid #adadad;
min-height:68px;
background-color:#fafafa;
text-align:justify;
padding:4px;
}

.AccueilNew h3 {
color:#1c82c8;
text-align:center;
margin:4px 0;
}

.cadreClasement {
position:relative;
float:right;
width:400px;
text-align:center;
border:1px solid #6A6A6A;
margin-left:4px;
}

.cadreClasement .boiteA,.cadreClasement .boiteB,.cadreClasement .boiteC,.cadreClasement .boiteZ {
position:relative;
float:left;
margin:1px;
}

.cadreClasement .boiteA {
width:49%;
}

.cadreClasement .boiteB {
width:28%;
}

.cadreClasement .boiteC {
width:78%;
}

.cadreClasement .boiteZ {
width:21%!important;
}

.cadreClasement h3 {
font-size:1em;
border:1px solid silver;
background-image:url(../img/design/fond_titre_table_4.png);
background-repeat:repeat-x;
background-position:center;
margin:0;
}

.cadreClasement a {
position:relative;
display:block;
float:left;
width:22px;
text-decoration:none;
border:1px solid #DDD;
color:#444;
background:url(../img/design/fond-bouton-boite-hover-01.jpg) repeat-x;
margin:2px;
}

.cadreClasement a:hover {
border:1px solid #adadad;
color:black;
background:url(../img/design/fond-bouton-boite-01.jpg) repeat-x;
}

.cadreClasement a.double {
width:50px;
}

.boiteZ div a {
width:98%;
margin:2px 0 0;
}

.citation_quote {
overflow:auto;
margin:4px;
}

.cadreAutre{
border:2px solid #fff;
background:#f0f0f0;
outline:1px solid #dedede;
}

.citation {
border:1px dotted silver;
background-color:#fff;
padding:4px;
}

.codage {
border:1px solid #ddf;
background-color:#fff;
max-height:300px;
font-family:courier;
font-size:14px;
color:#000000;
overflow:auto;
padding:5px;
}

.CadreCodage {
margin-left:10px;
overflow:auto;
}

.FondChoix {
background-color:#cce7e8;
}

.code_a_coller {
background-color:#fff;
font-family:Cumberland,Arial,"Times New Roman",sherif;
border:1px dashed black;
margin:1px;
padding:2px;
}

.couleurFondGris {
background-color:silver;
border:1px solid #767676;
cursor:default;
}

.CadreGoogle {
width:590px;
background-color:#fff;
border:1px solid black;
margin:auto;
padding:8px;
}

.CadreGoogle h4 {
color:#00c;
text-decoration:underline;
}

.CadreGoogle h5 {
color:#008000;
}

.informationHover span {
display:none;
}

.informationHover:hover span {
display:inline;
width:300px;
position:absolute;
margin-left:-150px;
margin-top:26px;
border:1px dotted #0058ff;
background:#ccdeff;
padding:6px 5px;
}

.thVote {
width:54px;
}

.tdIdSite {
text-align:center;
padding:0;
}

.onglet {
display:inline-block;
margin-left:3px;
margin-right:3px;
border:1px solid black;
cursor:pointer;
padding:3px;
}

.onglet_0 {
background:#bbb;
border-bottom:1px solid black;
}

.onglet_1 {
background:#fefefe;
border-bottom:0 solid black;
padding-bottom:4px;
}

.contenu_onglet {
background-color:#fefefe;
border:1px solid black;
margin-top:-1px;
display:none;
padding:5px;
}

.CoursBoite {
min-height:80px;
margin-left:20px;
margin-top:20px;
}

.CoursBoiteFiche {
min-height:120px;
border:1px dashed #adadad;
margin:20px 4px 4px 20px;
padding:5px;
}

.CoursImage img {
border:2px inset silver;
margin:4px;
}

.FaireLien .picture {
position:relative;
float:left;
width:34%;
}

.FaireLien textarea {
width:60%;
font-size:.9em;
font-family:"Courier New",sans-serif;
}

.PromotionArticle {
margin-top:5px;
padding-left:1px;
border:2px solid #ccc;
background-color:#dedede;
}

.PromotionReseau {
position:relative;
float:left;
width:90px;
margin-right:4px;
}

.PromotionArticle input {
width:75%;
font-size:.9em;
font-family:"Courier New",sans-serif;
color:#808080;
}

.PosterMsgBBcode {
position:relative;
float:right;
width:190px;
border-left:1px solid #dedede;
text-align:center;
padding-left:4px;
margin-left:4px;
}

.PosterMsgBBcode img {
padding:1px 0;
}

.PosterMsgBoutons img {
border:1px solid #aaa;
padding:2px;
}

.PosterMsgBoutons img:hover {
border:1px solid #555;
}

.CadreSite {
border:1px solid #dedede;
}

.PosterMsgBoutons {
text-align:center;
}

.centrer_bloc,.picture {
margin:auto;
}

.flotant_droit,.pictureright {
float:right;
position:relative;
}

.FlotantGauche,.pictureleft {
float:left;
position:relative;
}

.clean,.ClearRight {
clear:right;
}

.ClearBoth,.cf:after {
clear:both;
}

.couleurDiscrete {
color:#777;
}

header #HeaderSearch,.NewsInfoDivers ul li {
margin-left:3px;
}

#MenuURL ul,aside div.SousMenu ul {
list-style-type:none;
border-top:none;
margin:0;
}

#MenuURL form {
margin:0;
}

aside div.SousMenu ul li >div,
.popup_envoi_ami .button,
.Commentaire {
clear:both;
margin:10px 0;
}

#ArticlesBottomPub,.PicturePetitCadre,.CoursImage {
position:relative;
float:left;
}

#ArticlesBottomButtons {
border-top:2px solid #888;
padding-top:5px;
}

#ArticlesBottomButtons ul,.BlogPromotionArticle ul {
list-style-type:none;
margin:0;
}

/* Boutons partage */
.partage_button{
	float:left;
	width:74px;
}
#partage_twitter{
	margin-top:3px;
}
#partage_googlep{
	margin-top:3px;
	width:58px;
}
#partage_facebook{
}

.BlogPromotionArticle input:focus,.FaireLien textarea:focus,.PromotionArticle input:focus {
background-color:#f3f3f3;
border:1px solid #cdcdcd;
padding:1px;
}

#blogFinArticle ul li,.NewsInfoDivers li {
padding:0 .3em;
}

#blogFinArticle li img,.NewsInfoDivers li img {
margin:1px;
}

.CoursBoite p,.CoursBoiteFiche p {
margin-left:70px;
margin-top:10px;
}

/* RATING SYSTEM */
.rating-system {
float:right;
width:240px;
}
.all-stars{float:left;margin:5px}
.star{float:left;margin:0 2px 0 0}
.bar-label{font-size:11px;padding-top:8px}
.user-vote{font-size:11px;padding-top:25px}
.all-votes{font-size:12px;margin:0 0 9px 3px}



/* GLOSSAIRE
----------------------------------------------------------------------------------------*/

/* Glossaire */
.GlossaireCadre {
background-color:#fafafa;
}

.GlossaireCadreFonce {
background-color:#F0F0F0;
}

.GlossaireCadre,.GlossaireCadreFonce {
border:1px solid grey;
margin:8px 0;
padding:4px;
}

.GlossaireCadre h3,.GlossaireCadreFonce h3 {
margin:-4px -4px 4px;
}

.GlossaireCadre h3 a,.GlossaireCadreFonce h3 a {
display:block;
padding:5px 0 2px 10px;
}

/* Glossaire (encore) */
.BlogPromotionArticle {
margin-top:12px;
border:2px solid #ccc;
background-color:#dedede;
}

.BlogPromotionArticle li a {
position:relative;
float:left;
display:block;
margin:2px;
}

.BlogPromotionArticle li a img {
border:1px solid grey;
padding:2px;
}

.BlogPromotionArticle li a img:hover {
border:1px solid black;
}

.BlogPromotionReseau {
position:relative;
float:left;
width:22%;
margin-right:4px;
}

.BlogPromotionArticle input {
width:70%;
font-size:.9em;
font-family:"Courier New",sans-serif;
color:grey;
}

/* boite avec les lettres A à Z */
.boiteMilieu3 {
width:495px;
height:83px;
text-align:center;
border:1px solid #6A6A6A;
margin:auto;
}
.boiteMilieu3 h3 {
font-size:.85em;
border:1px solid silver;
background-image:url(http://www.infowebmaster.fr/public/img/design/fond_titre_table_4.png);
background-repeat:repeat-x;
background-position:center;
margin:0;
}
.boiteMilieu3 ul {
margin:0;
}
.boiteMilieu3 li {
display:block;
float:left;
list-style-type:none;
}
.boiteMilieu3 li a {
display:block;
float:left;
font-size:1.6em;
width:32px;
height:28px;
text-decoration:none;
border:1px solid #DDD;
color:#444;
background-image:url(http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-hover-01.jpg);
background-repeat:repeat-x;
margin:2px;
}
.boiteMilieu3 li a:hover{
border:1px solid #adadad;
color:black;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-01.jpg");
background-repeat:repeat-x;
}


/* WORDPRESS
----------------------------------------------------------------------------------------*/

/* YARPP plugin */
.yarpp-example ul{
list-style:none;
margin:0;
}
.yarpp-example li{
float:left;
width:32%;
}
.yarpp-example a{
display:block;
padding:3px 2px;
text-align:center;
border:1px solid #dedede;
background:#fafafa;
margin-right:4px;
}
.yarpp-example a:hover{
border:1px solid #ccc;
background:#f2f2f2;
}

/* Blog WP */

.blog-story-snippet{
margin-bottom:4px;
border-bottom:1px solid #dedede;
}
.blog-story-snippet-a{
text-decoration:none;
font-size:1.25em;
}
.blog-story-snippet-thumbnail{
float:left;
margin-right:3px;
margin-bottom:3px;
}

.boxauteur {
background-color:#F5F5F5;
border:1px solid #DEDEDE;
margin:10px 0;
padding:6px;
}

.boxauteur img {
float:left;
margin:0 15px 8px 0;
}

#blogFinArticle {
margin-top:4px 0;
min-height:60px;
}
#blogFinArticlePromovoir {
position:relative;
float:left;
width:190px;
}
#blogFinArticle ul {
list-style-type:none;
margin-left:195px;
border-left:1px solid #ddd;
}

.CommentaireAuteur {
position:relative;
float:left;
text-align:right;
width:150px;
}

.Commentaire .avatar {
margin:2px;
}

.CommentaireTexte {
margin-left:155px;
min-height:60px;
font-size:.9em;
background-color:#F5F5F5;
border:1px solid #dedede;
padding:3px;
}

.CommentaireTexte p {
margin:8px 0;
}

.storycontent .story_excerpt{
margin-left:170px;
}

/* WordPress */
.wp-caption {
background-color:#f3f3f3;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#fff;
border:1px solid #f0f0f0;
max-width:96%;
text-align:center;
margin:10px;
padding:5px 3px 10px;
}

.wp-caption img {
border:0 none;
height:auto;
max-width:98.5%;
width:auto;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption.alignright {
margin:5px 0 20px 20px;
}

.alignnone,a img.alignnone,.wp-caption.alignnone,.wp-caption.alignleft {
margin:5px 20px 20px 0;
}

.aligncenter,div.aligncenter,.aligncenter {
display:block;
margin:5px auto;
}

.alignright,a img.alignright {
float:right;
margin:5px 0 20px 20px;
}

.alignleft,a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,label.label,.help_box:hover div {
display:block;
}


/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/

#container {width:1000px;}
aside {width:336px;}
#asidePrimary {width:160px;}
#asideSecondary {width:160px;}
#content,nav ul {max-width:650px;}

/* DESIGN FOR A DOUBLE COLUMN ASIDE (NORMAL SIZE) */
@media screen and (max-width:1023px) {
	#container {width:800px;}
	header #HeaderSearch {
	width:100%;
	clear:right;
	padding-top:10px;
	text-align:center;
	}
	header #HeaderPub {
	clear:both;
	margin-left:-170px;
	}
	#MenuURL {display:none;}
	#content,nav ul {max-width:620px;}
	aside {width:165px;}
	#asidePrimary,#asideSecondary {position:relative; float:left; width:160px;}
}

/* DESIGN FOR A SINGLE COLUMN ASIDE (SMALL SCREEN) */
@media screen and (max-width:860px) {
	#container {width:645px;}
	header #HeaderSearch {
	width:100%;
	clear:right;
	padding-top:10px;
	text-align:center;
	}
	header #HeaderSearch >form >div >input[type=text] {width:196px;}
	header #HeaderPub {
	clear:both;
	margin-left:-170px;
	}
	#MenuURL {display:none;}
	aside {width:165px;}
	#asidePrimary,#asideSecondary {position:relative; float:left; width:160px;}
	nav ul {max-width:100%;}
	#content {max-width:468px;}
	/* glossaire */
	.boiteMilieu3{width:99%}
	.boiteMilieu3 li a{width:30px}
}

/* MINIMAL DESIGN WITHOUT SIDEBAR (MOBILE) */
@media screen and (max-width:660px) {
	body{
	font-size:.8em;
	line-height:1.2em;
	}
	#container {width:99.99%;}
	header #HeaderLogo {float:none;}
	header #HeaderContentRight {margin:0;padding-right:10px;}
	header #HeaderSearch {text-align:right;}
	header #HeaderSearch >form >div >input[type=text] {width:220px;}
	aside {float:none; width:100%;}
	#asidePrimary {
	float:none;
	width:100%;
	margin-bottom:4px;
	border:none;
	display:table;
	padding:0;
	}
	#asidePrimary .SousMenu {
	display:table-cell;
	}
	aside div.SousMenu h3 {
	font-size:1.15em;
	margin:.35em 0 0 .3em;
	}
	aside div.SousMenu ul li a {
	border:1px solid #dedede;
	font-size:1.05em;
	color:#666;
	background-color:#EEE;
	margin:2px;
	padding:2px 0 2px 6px;
	}
	aside div.SousMenu ul li a:hover {
	border:1px solid #444;
	color:#444;
	background-color:#CCC;
	padding:2px 0 2px 6px;
	}
	header #HeaderInscription,header #HeaderPub,
	#MenuURL,#asideSecondary,#pubWebselfTop,
	.deleteForMobile{display:none}
	#content,nav ul{max-width:100%;}
	.AccueilNews{float:none;width:100%;}
	#main{border-left:0;border-right:0;}
	/* Forum */
	.th-forum_icon{display:none}
	.forum_icon{display:none}
	.th-nbr-msg{width:80px}
	.th-date-last-msg{width:110px}
	/* Glossaire */
	.boiteMilieu3{width:100%}
	.boiteMilieu3 ul{margin-left:5px}
	.boiteMilieu3 li a{width:23px}
	.ad_468x60{display:none}
	/* blog WordPress */
	.blog-story-snippet-a{line-height:1.3em}
	.blog-story-snippet-thumbnail img{width:70px;height:initial}
	.storycontent .story_excerpt{margin-left:80px}
	.CommentaireAuteur{width:80px}
	.CommentaireTexte{margin-left:85px}
	#commentform #comment{max-width:98%;height:100px}
}

/* Design for print */
@media print {
	#asidePrimary, #asideSecondary{display:none}
	aside{display:none}
	.footer-contents{display:none}
	header #HeaderSearch{display:none}
	header #HeaderInscription{display:none}
	header #HeaderPub{display:none}
	#MenuURL{display:none}
	nav{display:none}
	#pubWebselfTop{display:none}
	#content {max-width:100%;}
	#main {border:0;}
	#ArticlesBottomButtons{display:none}
	.PromotionArticle {display:none}
	.hidePrint{display:none}
	.showPrint{display:block}
}