/*===========================================================================*/
/*   CSS PRINCIPAL POUR TOUT LE SITE                                         */
/*===========================================================================*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #000000;
}

a:link, a:active, a:visited { color: #FFFF99; text-decoration: none; }
a:hover  { color: #66FFCC; text-decoration: underline; }
a:active { outline: none; } 

ul, li { list-style-type: none; }



/*===========================================================================*/
/*   BANDEAU SEUL                                                            */
/*===========================================================================*/

#cwbandeau1 {
  background: url(http://www.cobraworld.net/css/cobra/fond02.gif);
  width: 100%;
  height: 90px;
}

#cwbandeau2 {
  background: url(http://www.cobraworld.net/css/cobra/barre10.png) repeat-x;
  width: 100%;
  height: 90px;
  text-align: center;
}

#cwbandeau2 img { margin: 5px; border: 0px; }



/*===========================================================================*/
/*   LA BARRE DE MENU PRINCIPALE et les LIENS DE SOUS-MENUS                  */
/*===========================================================================*/

#cwmainmenu {
	background: url(http://www.cobraworld.net/css/cobra/barre20.png) repeat-x;
  width: 100%;
	height: 40px;
	margin-bottom: 40px;
}

#cwmainmenu ul {
	padding-top: 13px;
	text-align: center;
}

#cwmainmenu li {
  display: inline;
} 
.menu_li1 {
  padding-left: 1px;
  padding-right: 2px;
}
.menu_li2 {
  background: url(http://www.cobraworld.net/css/cobra/menu_point1.png) left center no-repeat;
  padding-left: 14px;
  padding-right: 2px;
} 

#cwmainmenu li a {
  font-size:11px; font-style:normal; font-weight:bold;
}


#cwmainmenubis {
  width: 980px;
  text-align: left;
  margin: 0px 0px 30px 0px;
  color : #FFFFFF;
}

#cwmainmenubis li {
  display: inline; /* correction pour IE 5 et 5.5 */
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:12px; font-style:normal; font-weight:bold;
  color : #FFFFFF;
} 
.menubis_li1 {
  padding-left: 1px;
}
.menubis_li2 {
  background: url(http://www.cobraworld.net/css/cobra/menu_point2.png) left center no-repeat;
  padding-left: 15px;
} 




/*===========================================================================*/
/*   PAGES PRINCIPALES et TITRES GENERAUX                                    */
/*===========================================================================*/

#cwmainglobal {
  width: 100%;
}


#cwmainpage {
  min-height: 100%;
	width: 980px;
	padding: 0 auto;
	margin: 0 auto;
  position: relative;
}

h1, h2 {
  padding: 2px 0px 2px 3px;
  font-size: 12px;
  font-style: normal;
  font-family: verdana,arial;
  font-weight: bold;
  color: #FFFF99;
  text-align: left;
}
h2 { text-align: right; padding: 2px 3px 2px 0px; }

h3 {
  font-size: 12px;
  font-style: normal;
  font-family: verdana,arial;
  font-weight: bold;
  color: #88AAEE;
  text-align: left;
}


/*===========================================================================*/
/*   BLOCS CONTENEURS DIVERS pour tout le site                               */
/*===========================================================================*/

.cwbloc01, .cwbloc02, .cwbloc03 {
	padding: 10px;
	margin-bottom: 30px;
  color: #FFFFFF;
  font-size: 11px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid #FFFF99;
  background-color: #440000;
  overflow: auto;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.cwbloc02 { text-align: center; }
.cwbloc03 { margin: 0px; }

.cwbloc01 p, .cwbloc02 p, .cwbloc03 p {
  text-align: justify;
  margin: 5px 0px 2px 0px; 
}



/*===========================================================================*/
/*   BLOC CONTENEUR PRINCIPAL UNIQUE (en principe) pour tout le site         */
/*===========================================================================*/

.cwblocmain {
	padding: 12px 15px 15px 15px;
	margin-bottom: 30px;
  color: #FFFFFF;
  font-size: 11px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid #FFFF99;
  background-color: #440000;
  overflow: auto;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.cwblocmain h1 {  /* Titre principal Bloc - bleu grande taille gras */
  margin: 0px;
  padding: 2px 0px 15px 0px;
  font-size: 16px;
  font-style: normal;
  font-family: verdana,arial;
  font-weight: bold;
  color: #88AAEE;
  text-align: left;
}

.cwblocmain h2, .cwblocmain h4 {  /* Titres secondaires Bloc - jaune gras */
  margin: 0px;
  padding: 15px 0px 10px 0px;
  font-size: 12px;
  font-style: normal;
  font-family: verdana,arial;
  font-weight: bold;
  color: #FFFF99;
  text-align: left;
}
.cwblocmain h4 { padding: 2px 0px 10px 0px; }

.cwblocmain h3 {  /* 3ème titre Bloc - bleu normal  */
  margin: 0px;
  padding: 30px 0px 5px 0px;
  font-size: 12px;
  font-style: normal;
  font-family: verdana,arial;
  font-weight: normal;
  color: #66AAEE;
  text-align: left;
}

.cwblocmain p {
  font-size: 12px;
  font-style: normal;
  font-family: verdana,arial;
  font-weight: normal;
  text-align: justify;
  margin: 5px 0px 5px 0px; 
}


/* Titres "jaunes" */
.cwblocmain .span01, .cwblocmain .span02, .cwblocmain .span03 {
  margin: 0px 10px 0px 0px;
  color: #FFFF99;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}
.cwblocmain .span02 { font-weight: bold; }
.cwblocmain .span03 { font-style: italic; }


/* Titres "bleus" */
.cwblocmain .span11, .cwblocmain .span12, .cwblocmain .span13 {
  margin: 0px 10px 0px 0px;
  color: #88AAEE;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}
.cwblocmain .span12 { font-weight: bold; }
.cwblocmain .span13 { font-style: italic; }


/* Titres "verts" */
.cwblocmain .span21, .cwblocmain .span22, .cwblocmain .span23 {
  margin: 0px 10px 0px 0px;
  color: #66FFCC;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}
.cwblocmain .span22 { font-weight: bold; }
.cwblocmain .span23 { font-style: italic; }


/* Titres "blancs" - 1px plus petit */
.cwblocmain .span31, .cwblocmain .span32, .cwblocmain .span33 {
  margin: 0px 10px 0px 0px;
  color: #FFFFFF;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}
.cwblocmain .span32 { font-weight: bold; }
.cwblocmain .span33 { font-style: italic; }



.cwblocmain img { border: 1px solid #666666; }
.cwblocmain a img { border :1px solid #666666; }
.cwblocmain a:hover img, .cwblocmain a:focus img { border :1px solid #66FFCC; }
.cwblocmain .img01 { border: 1px solid #999999; margin: 5px; }
.cwblocmain .img02 { border: 0px; margin: 5px; }
.cwblocmain .img03 { border: 0px; margin: 5px; text-align: right; float: right; }



/*===========================================================================*/
/*   LISTES DIVERSES                                                         */
/*   - ulstd    : liste standard sans formatage particulier                  */
/*   - ullist01 : liste orientée "texte" alignée à gauche, avec surlignement */
/*   - ullist02 : liste orientée "images" centrée                            */
/*===========================================================================*/

.ulstd { margin: 0px; width:100%; }
.ulstd li { margin: 0px; }
.ulstd img { border: 0px; }


.ullist01 { margin: 0px; width:100%; }
.ullist01 li img { border: 0px; }
.ullist01 li a {
  display: block;
  width: auto !important;						
  width: 100%;         
  margin: 0px;
}
.ullist01 li a:hover {
  background-color: #880000;
  text-decoration: none;
  outline: none;
}
.ullist01 li img {
  border: 0px;
  margin-right: 4px;
}
.ullist01 li .spannum {
  color: #FFFFFF;
  margin-right: 5px;
}


.ullist02 { margin: 0px; width:100%; }
.ullist02 li { margin: 5px 0px 5px 0px; }
.ullist02 li img { border :1px solid black; }
.ullist02 li a  {
  text-decoration: none;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
}
.ullist02 li a:hover, .ullist02 li a:focus {
  color: #66FFCC;
}

.ullist02 a img {
  border :1px solid #000000;
}

.ullist02 a:hover img, .ullist02 a:focus img {
  border :1px solid #66FFCC;
}


.lipoint {
  background: url(http://www.cobraworld.net/css/cobra/menu_point1.png) left top no-repeat;
  padding: 0px 2px 0px 14px;
}



/*===========================================================================*/
/*   CREDITS EN BAS DE CHAQUE PAGE                                           */
/*===========================================================================*/

#cwmain_credits {
  clear: both ;
  width: 100%;
  padding: 0px;
  text-align: center;
}

#cwmain_credits h1 {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size:10px; font-style:normal; font-family:Verdana,Arial; font-weight:normal;
  color: #88AAEE;
  text-align: center;
}

#cwbarrebottom {
  width: 100%;
  background-image:url(http://www.cobraworld.net/home/barre11.png);
  background-repeat:repeat-x;
  font-size:10px; font-style:normal; font-family:Verdana,Arial;
  height: 35px;
  text-align: center;
}

#cwcredits {
  width: 1000px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
  color:#FFFF99;
  font-size:10px; font-style:normal; font-family:Verdana,Arial;
  padding : 0px 20px 0px 20px;
  border : 0px solid #000000; 
  height: 35px;
}

#cwcredits .cwcredits_tdleft { 
  float: left;
  text-align: left; 
}
#cwcredits .cwcredits_tdright {
  float: right;
  text-align: right; 
}