body{
	background-color:#e8e8e8;
	font-size:12px;
}


h2{
	font-size:16px;
}


ul{
	padding-top:4px;
}

a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #555;
}


img{
	border:0;
}



.StyleArticle {
	color: #FA0014;
	font-weight: bold;
	font-size: 17px;
}
.StyleChapo {
	color: #FC0015;
	font-weight: bold;
}
.StyleCoor {font-size: 11px}
.StyleTexteLibre {color: #6C8B8E}


#monsite {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
	
}	
.separateur{
	height:1px;
	border-bottom:3px dotted #cccccc;
	margin-top:15px;
	margin-bottom:15px;
}
a{
	color:#8DAEF5;
	text-decoration:none;
}
a:hover{
	color:#CC3300;
	text-decoration:underline;
}

.menuEspaceClient a:hover{
	color:#fff;
	text-decoration:none;
}

.chapo{
	font-weight:bold;
	margin-bottom:15px;
}
ul#nav {
	font-size:24px;
	margin-left:140px;
	margin-top:85px;
	z-index:10000;
	width:820px;
}
ul#nav ul{
	height:45px;
}


ul#nav a {
	height:45px;
}
ul#nav li{
}


ul#nav li a {
	text-align:center;
	font-size:12px;
	background:none;
	margin-left:5px;
}
ul#nav li a:hover {
	background:none;

}


ul#nav li ul a {
	text-align:left;
	font-weight:normal;
	font-size:12px;
	background-color:#993325;
	border:1px solid #993325;
}


/* Root Menu Hover Persistence */
ul#nav li ul a:hover {
  background: #993325;
  color: #f5de1e;
}


#footer, #footer a{
	color:#ffffff;
}


.contact{
	color:#993325;
	padding:10px;
	background-color:#E3C0A6;
}
.article{
	padding:15px;
}
.artdate{
	margin-top:-5px;
	margin-bottom:10px;
	display:block;
}


li{
	/*list-style-type:none;*/
	margin-left:10px;
}
ol{
	/*list-style-type:none;*/
	margin-left:20px;
}


.ssmenu div{
	padding-left:10px;
	margin-left:0px;
}
.savoirplus {
	padding:4px;
	background-color:#FF0000;
	color:#FFFFFF;
}
.savoirplusA a:hover{
	text-decoration:none;

	color:#e8e8e8;
}
.couleurTexte {
	color:#{color};
}


/* tableau hiver été */


.inter {
	font-size: 10px;
	background-color:#054498;
	color:#FFFFFF;
	font-weight:bold;
}


.colonne1 {
	font-size: 10px;
	background-color:#4D6998;
	text-align:center;
}


.colonne2 {
	font-size: 10px;
	background-color:#5F8CBC;
	text-align:center;
}


.colonne3 {
	font-size: 10px;
	background-color:#83A8C7;
	text-align:center;
}


.petit {
	font-size: 9px;
}


.inter {
	font-size: 10px;
	background-color:#87AB1F;
	font-weight:bold;
}


.colonne1 {
	font-size: 10px;
	background-color:#BEC173;
}


.colonne2 {
	font-size: 10px;
	background-color:#95BD23;
}


.colonne3 {
	font-size: 10px;
	background-color:#B4D84A;
}


.topGauche{
	background-image:url(http://www.cogimex.com/images/barreCogi.png);
	color:#fff;
	height:20px;
	width:5px;
}


.topCentre{
	background-image:url(http://www.cogimex.com/images/barreCogi.png);
	background-position:5px -20px;
	background-repeat:repeat-x;
	color:#fff;
	height:20px;
	padding:0px;
	font-weight:bold;
}


.topDroite{
	background-image:url(http://www.cogimex.com/images/barreCogi.png);
	background-position:10px -40px;
	color:#fff;
	width:5px;
}


.grilleTailles td{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}


.borderTop{
	border-top:1px solid #000;
}


.borderLeft{
	border-left:1px solid #000;
}


.center{
	text-align:center;
}


.rouge{
	background-color:#f00;
	color:#fff;
}

.facture{
	border-bottom:1px solid #000;
}

.devenirclient, .devenirclient a{
	background-color:#DA251C;
	color:#fff;
	font-weight:bold;
	padding:2px;
}


/*******************************   MENU  **************************************************/


/* Root = Horizontal, Secondary = Vertical */
ul.menu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto; /*For KHTML*/
  list-style: none;
  height: 24px;
}


ul.menu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
}


/* SUBMENUS */


ul.menu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 160px;*/
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}


ul.menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul.menu li {
  width: 100px;
  text-align:center;
}


ul.menu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;


}


/* Root Menu */
ul.menu a {
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
   font-size:12px;
   font-weight:800;
   color:#999999;
   
  text-decoration: none;
  height: 25px !important;
  height: 1%; /*For IE*/
  
}




/* 2nd Menu */
ul.menu li:hover li a,
ul.menu li.iehover li a {
  float: none;
}


ul.menu ul ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 160px;
  
}


/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu li:hover ul ul,
ul.menu li.iehover ul ul {
  display: none;
}


ul.menu li:hover ul,
ul.menu ul li:hover ul {
  display: block;
}


ul.menu li.iehover ul,
ul.menu ul li.iehover ul {
  display: block;
}


li.persistHover,
a.persistHover
{
	background: #CCC;
	color: #FFF;
}




span.counter {
	width: 13px;
	text-align: center;
	line-height: 10px;
	padding-left: 3px;
	color: white;
	font-size: 12px;
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
}


/*--------------------------------------------------------------------
// LES SOUS MENUS DE COULEURS
//------------------------------------------------------------------*/
ul.menu {
	text-align:left;
}
ul.menu .topmenu a{
	font: bold 14px/24px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}
ul.menu .submenu a{
	font: bold 12px/22px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	background-color:#FF0000;	
}
ul.menu .submenu a:hover{
	color:#ffffff;
	text-align:left;
	background-color:#000000;	
}






/******************************* FIN  MENU  **************************************************/


/********************* Style pour le TinyMCE ****************/


.titreTiny {
		font-size:18px;
		color:#000000;
}


body.mceContentBody,.normal {
		font-size:12px;
		color:#000000;
		background-color:#FFFFFF;
		text-align:left;
}
