/***** GENERAL *************************************************************************************************/
.rapproche {letter-spacing: -1px; word-spacing: 0.5px;}
.maj {font-variant:small-caps;}
.imagetitre {line-height:20px;border-bottom: 1px solid #cccccc;padding: 0 0 0 15px;}
.important { border-left: 3px solid #CCCCCC; padding-left:6px;}

.floatl{float:left;}
.floatr{float:right;}
.clearboth {clear: both;}

/***** H stuff *************************************************************************************************/
h1   { display: inline;}
h2   { display: inline;}
h3   { display: inline;}

/***** DIMENSION TEXTE TABLE *************************************************************************************************/
.size8   {font-size: 8px;}
.size9   {font-size: 9px;}
.size10  {font-size: 10px;}
.size105 {font-size: 10.5px;}
.size11  {font-size: 11px;}
.size115 {font-size: 11.5px;}
.size12  {font-size: 12px;}
.size13  {font-size: 13px;}
.size14  {font-size: 14px;}
.size20  {font-size: 20px;}

.w760 { width:760px; }
.w740 { width:740px; }
.w640 { width:640px; }
.w370 { width:370px; }
.w360 { width:360px; }
.w340 { width:340px; }
.w320 { width:320px; }
.w270 { width:270px; }
.w240 { width:240px; }
.w160 { width:160px; }
.w150 { width:150px; }
.w130 { width:130px; }
.w120 { width:120px; }
.w80  { width:80px; }
.w50  { width:50px; }
.w30  { width:30px; }
.w10  { width:10px; }

/***** LISTE ET LINKS *************************************************************************************************/
.liste li {background:url("http://www.compta-online.com/images/flech.gif") top left no-repeat;line-height:14px;list-style: none;padding: 1px 0 1px 15px;margin: 0;}

a.lien:link, a.lien:visited, a.lien:active {color:#E31600;text-decoration:none;}
a.lien:hover {color:#788D9F;text-decoration:none;}

.blanc, a.blanc:link, a.blanc:visited, a.blanc:active, .blanc li a:link, .blanc li a:visited, .blanc li a:active {color:#FFFFFF;text-decoration:none;}
a.blanc:hover, .blanc li a:hover {color:#EEEEEE;text-decoration:none;}

.marron, a.marron:link, a.marron:visited, a.marron:active, .marron li a:link, .marron li a:visited, .marron li a:active {color:#C38422;text-decoration:none;}
a.marron:hover, .marron li a:hover {color:#393F00;text-decoration:none;}

.jaune, a.jaune:link, a.jaune:visited, a.jaune:active, .jaune li a:link, .jaune li a:visited, .jaune li a:active {color:#FFC910;text-decoration:none;}
a.jaune:hover, .jaune li a:hover {color:#FD1813;text-decoration:none;}

.orange, a.orange:link, a.orange:visited, a.orange:active, .orange li a:link, .orange li a:visited, .orange li a:active {color:#ff9900;text-decoration:none;}
a.orange:hover, .orange li a:hover {color:#DFAE61;text-decoration:none;}

.rouge, a.rouge:link, a.rouge:visited, a.rouge:active, .rouge li a:link, .rouge li a:visited, .rouge li a:active {color:#cc0000;text-decoration:none;}
a.rouge:hover, .rouge li a:hover {color:#FD1813;text-decoration:none;}

.bordo, a.bordo:link, a.bordo:visited, a.bordo:active, .bordo li a:link, .bordo li a:visited, .bordo li a:active {color:#893F4C;text-decoration:none;} 
a.bordo:hover, .bordo li a:hover {color:#CC3300;text-decoration:none;} 

.bleu, a.bleu:link, a.bleu:visited, a.bleu:active, .bleu li a:link, .bleu li a:visited, .bleu li a:active {color:#6F79A9;text-decoration:none;}
a.bleu:hover, .bleu li a:hover {color:#95A5EF;text-decoration:none;}

.bleuFacebook, a.bleuFacebook:link, a.bleuFacebook:visited, a.bleuFacebook:active, .bleuFacebook li a:link, .bleuFacebook li a:visited, .bleuFacebook li a:active {color:#3B5998;text-decoration:none;}
a.bleuFacebook:hover, .bleuFacebook li a:hover {color:#23385F;text-decoration:none;}

.gris, a.gris:link, a.gris:visited, a.gris:active, .gris li a:link, .gris li a:visited, .gris li a:active {color: #656567; text-decoration:none;}
a.gris:hover, .gris li a:hover {color: #cccccc;text-decoration:none;}

.kaki, a.kaki:link, a.kaki:visited, a.kaki:active, .kaki li a:link, .kaki li a:visited, .kaki li a:active {color: #99A26D; text-decoration:none;}
a.kaki:hover, .kaki li a:hover {color: #9D9F95;text-decoration:none;}

.rss li {background:url("http://www.compta-online.com/images/flux.png") top left no-repeat;line-height:14px;list-style: none; padding: 1px 0 1px 18px; margin: 0;color:#ff9900;letter-spacing: -1px; word-spacing: 0.5px;font-size: 11.5px;}
.rss li a, .rss li a:link, .rss li a:visited, .rss li a:active {color:#ff9900;text-decoration:none;}
.rss li a:hover {color:#000000;text-decoration:none;}
.adobe li {background:url("http://www.compta-online.com/images/adobe-icone-small.jpg") no-repeat 4px 4px;padding: 2px 0 2px 16px;list-style: none;line-height:15px;color:#788D9F;letter-spacing: -1px; word-spacing: 0.5px;font-size: 11.5px;}
.zip li {background:url("http://www.compta-online.com/images/zip-icone-small.jpg") no-repeat 4px 4px;padding: 2px 0 2px 16px;list-style: none;line-height:15px;color:#788D9F;letter-spacing: -1px; word-spacing: 0.5px;font-size: 11.5px;}
.word li {background:url("http://www.compta-online.com/images/word-icone-small.jpg") no-repeat 4px 4px;padding: 2px 0 2px 16px;list-style: none;line-height:15px;color:#788D9F;letter-spacing: -1px; word-spacing: 0.5px;font-size: 11.5px;}
.jpeg li {background:url("http://www.compta-online.com/images/jpeg-icone-small.jpg") no-repeat 4px 4px;padding: 2px 0 2px 16px;list-style: none;line-height:15px;color:#788D9F;letter-spacing: -1px; word-spacing: 0.5px;font-size: 11.5px;}
.powerpoint li {background:url("http://www.compta-online.com/images/powerpoint-icone-small.jpg") no-repeat 4px 4px;padding: 2px 0 2px 16px;list-style: none;line-height:15px;color:#788D9F;letter-spacing: -1px; word-spacing: 0.5px;font-size: 11.5px;}
.excel li {background:url("http://www.compta-online.com/images/excel-icone-small.jpg") no-repeat 4px 4px;padding: 2px 0 2px 16px;list-style: none;line-height:15px;color:#788D9F;letter-spacing: -1px; word-spacing: 0.5px;font-size: 11.5px;}

/***** FORMULAIRE *************************************************************************************************/
form  		{display: inline;}
input 		{border: 1px solid #CFD8E0; color: #474747; font-size: 10.5px; background: #fff;}
textarea 	{border: 1px solid #CFD8E0; color: #474747; font-size: 10.5px; background: #fff;}
select 		{border: 1px solid #CFD8E0; color: #474747; font-size: 10.5px; background: #fff;}
input:hover, textarea:hover {background: #F0FDE2;border-top: 1px solid #364E70}
.submit, .submit:active{border: 1px solid #CFD8E0; color: #474747; font-size: 10.5px; background: #fff;}
.submit:hover {border: 1px solid #474747;background: #F0FDE2;}


/***** SOCIAL *************************************************************************************************/
div.sociable{margin:8px 0 4px 0;background-color:#fff;}
span.sociable_tagline{position:relative;}
span.sociable_tagline span{display:none;width:16em;}
span.sociable_tagline:hover span{position:absolute;display:block;top:-5em;background:#ffe;border:1px solid #ccc;color:black;line-height:1.25em;}
.sociable span{display:block;}
.sociable ul{display:inline;margin:0 !important;padding:0 !important;}
.sociable ul li{background:none;display:inline;list-style-type:none;margin:0;padding:1px;}
.sociable ul li:before{content: "";}
.sociable img{float:none;width:auto;height:16px;border:0;margin:0;padding:0;background-color:#fff;}
.sociable-hovers{opacity: 1; -moz-opacity: 1;	filter: alpha(opacity=100);}
.sociable-hovers:hover{opacity: .7; -moz-opacity: .7;	filter: alpha(opacity=70);}


div.optioncarrierebox{background-color: #FFFFFF;color: #000000;text-align: left;}
div.optioncarrierebox a {color: #198ADC;}