/* CSS Document */

/*------------------------- */
/*     stucture generale    */
/*------------------------- */

body {
	background-color: #636363;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	margin: 0;
}

img {
	border: 0;
}


#Country{
    position:relative;
    border:1px solid;
    background:#FFFFFF; 
    margin:0;
    padding:0; 
    z-index:1
}
    #Country a
    {
        color: #454545;
        display: block;
	    font-family: Arial, Helvetica, sans-serif, Verdana;
        line-height: 15px;
        margin: 0;
        padding: 3px;
        text-decoration: none;
        width: 125px;
    }
    #Country a:hover
    {
        background-color: #D7E400;
    }
    #Countries
    {
        background: #FFF;
        border-bottom : 1px solid;
        border-left : 1px solid;
        border-right : 1px solid;
        display:none; 
        height:300px; 
        overflow:scroll;
        position:absolute;
        left:-1px;
        top: 19px;
        width: 150px;
    }

#CountryContact{
    position:relative;
    border:1px solid;
    background:#FFFFFF; 
    margin:0;
    padding:0; 
}
    #CountryContact a
    {
        color: #454545;
        display: block;
	    font-family: Arial, Helvetica, sans-serif, Verdana;
        line-height: 15px;
        margin: 0;
        padding: 3px;
        text-decoration: none;
        width: 125px;
    }

    #CountryContact a:hover
    {
        background-color: #D7E400;
    }

    #CountriesContact
    {
        background: #FFF;
        border-bottom : 1px solid;
        border-left : 1px solid;
        border-right : 1px solid;
        display:none; 
        height:300px; 
        overflow:scroll;
        position:absolute;
        left:-1px;
        top: 19px;
        width: 150px;
    }


p {
	margin: 0;
	padding: 0;
}

#container {
	background-color: #636363;
	height: 100%;
	margin: 0 auto;
	width: 944px;
}


#header {
	height: 64px;
	background-color: #FFFFFF;
}

#marigold {
	/*border: solid 1px #000000;*/
	background: url(../images/logo_marigold.gif) no-repeat;
	cursor : pointer;
	float: left;
	height: 57px;
	margin-left: 20px;
	margin-top: 2px;
	width: 170px;
}

#comasecLeft {
	/*border: solid 1px #000000;*/
	background: url(../images/logo_comasec.gif) no-repeat;
	cursor : pointer;
	float: left;
	height: 19px;
	margin-left: 20px;
	margin-top: 35px;
	width: 220px;
}

#baseline {
	/*border: solid 1px #000000;*/
	font-size: 12pt;
	margin-top: 40px;
	width: 200px;
	float: left;
}

#comasec {
	/*border: solid 1px #000000;*/
	background: url(../images/logo_comasec.gif) no-repeat;
	cursor : pointer;
	float: right;
	height: 19px;
	margin-right: 20px;
	margin-top: 35px;
	width: 189px;
}

#sous_header {
	background: url(../images/fond_sous_header.gif) no-repeat;
	background-position: 198px 0px;
	background-color: #d9e42d;
	height: 74px;
}

#recherche {
	/*border: solid 1px #000000;*/
	float: left;
	height: 50px;
	margin-left: 15px;
	margin-top: 5px;
	width: 183px;
}

#navigation {
	float: left;
	height: 74px;
	width: 550px;
}
#navigation a{
	/*border: solid 1px #000000;*/
	text-decoration: none;
	color: #454545;
	font-family: Trebuchet MS;
	font-size: 10pt;
}
#navigation a .select{
	/*border: solid 1px #000000;*/
	text-decoration: none;
	background-color: #636363;
	color: #d9e42d;	
	font-family: Trebuchet MS;
	font-size: 10pt;
}
#contact {
	/*border: solid 1px #000000;*/
	float: left;
	margin-left: 70px;
	margin-top: 25px;
}

#bando_img {
	background: url(../images/bando_img.jpg);
	height: 103px;
}

#main {
	background: url(../images/fond_main.gif) repeat-y;
	/*border: 1px solid red;*/
	/*min-height: 600px;*/
	width: 945px;
}

#conteneur_contenu {
	/*border: solid 1px green;*/
	background: url(../images/mosaic_top_contenu.gif) no-repeat;
	/*background : red;*/
	float: left;
	margin-right: 0;
	/*min-height: 600px;*/
	width: 746px;
}

#contenu {
	float: left;
	margin: 0;
	padding: 15px;
	/*min-height: 600px;*/
	width: 670px;
}

#contenu_fiche {
	background: url(../images/mosaic_bottom_contenu.gif) bottom no-repeat;
	float: left;
	margin: 0;
	/*min-height: 800px;*/
	width: 746px;
}

#fiche {
	/*border: solid 1px #000000;*/
	float: left;
	margin-bottom: 15px;
	margin-left: 16px;
	margin-top: 25px;
	/*min-height: 600px;*/
}

#fiche_titre {
	/*border: solid 1px #000000;*/
	float: left;
}

#fiche_picto_new {
	/*border: solid 1px #000000;*/
	float: left;
}

#fiche_picto_matiere {
	/*border: solid 1px #000000;*/
	float: left;
}

#fiche_photos {
	/*border: solid 1px #000000;*/
	float: left;
}

#fiche_caracteristiques {
	border: solid 1px #000000;
	float: left;
	width: 270px;
}

#sepa_coul {
	background: url(../images/sepa_coul.gif);
	height: 9px;
}

#footer {
	/*border:solid 1px #000000;*/
	background-color: #636363;
	height: 63px;
	float: right;
}




/*------------------------- */
/*  fonction fin de float   */
/*------------------------- */

.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */




/*------------------------- */
/*      navigation top      */
/*------------------------- */

#navigation ul {
	list-style: none;
	margin: 41px 0px 0px 0px;
	padding: 0;
}

#navigation li {
	border-right: solid 1px #000000;
	float: left;
	font-family: Trebuchet MS;
	font-size: 10pt;
	height: 21px;
	line-height: 21px;
	padding-left: 10px;
	padding-right: 10px;
}

#navigation li.select {
	background-color: #636363;
	color: #d9e42d;
}

#navigation .noborder {
	border-right: 0;
}




/*------------------------- */
/*    navigation gauche     */
/*------------------------- */

#nav_gauche {
	/*background: red;*/
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 198px;
}

#nav_gauche ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	#nav_gauche li{
		background: url(../images/fond_sous_menu01.gif) repeat-y;
		line-height: 12px;
		margin:0 0 0 0;
		padding: 0 0 1px 0;
		}
	#nav_gauche li.rubrique{
		border-bottom: 1px solid #888888 ;
		}
		#nav_gauche li a, #nav_gauche li span{
			background: url(../images/puce_menu.gif) no-repeat 10px 24px;
			color: #d9e42d;
			display: block;
			font-size: 10pt;
			padding: 20px 10px 5px 23px;
			text-decoration: none;
			}
		#nav_gauche li span{
			cursor: pointer;
			}
			#nav_gauche .nivo_un li{
				background: url(../images/fond_sous_menu02.gif) repeat-y;
				border-top: 1px solid #888888;
				margin: 0;
				padding: 0;
				vertical-align: top;
				}
				#nav_gauche .nivo_un li a, #nav_gauche .nivo_un li span{
					background: none;
					color: #3c3c3c;
					font-size: 9pt;
					margin: 0;
					padding: 5px 10px 5px 30px;
					/*width: 198px;*/
					}
					#nav_gauche .nivo_deux li{
						background: url(../images/fond_sous_menu03.gif) repeat-y;
						margin: 0;
						}
						#nav_gauche .nivo_deux li a, #nav_gauche .nivo_deux li span{
							font-size: 8pt;
							padding:4px 10px 4px 40px;
							}
							#nav_gauche .nivo_trois li{
								background: url(../images/fond_sous_menu03.gif) repeat-y;
								border-top: 1px solid #888888;
								}
								#nav_gauche .nivo_trois li.select{
								background: url(../images/fond_sous_menu03.gif) repeat-y;
								border-top: 1px solid #888888;
								width: 138px;
								}
								#nav_gauche .nivo_trois li a{
									padding:2px 10px 2px 50px;
									width: 138px;
									}
#nav_gauche li a.select{
	color: #ffffff;
	font-weight: bold;
	}
#nav_gauche li.select a
{
    background: url(../images/puce_menu_select.gif) no-repeat 10px 22px;
    color: #FFFFFF;
    }
 #nav_gauche li.select {
	background: url(../images/fond_sous_menu01.gif) repeat-y;
	color: #ffffff;
	font-weight: bold;
 }



/*------------------------- */
/*        menu footer       */
/*------------------------- */

#footer ul {
	list-style: none;
	margin: 0;
	padding-top: 10px;
}

#footer li {
	float: left;
	color : #cacaca;
	font-size: 10pt;
	margin-left: 20px;
	text-decoration : none;

}

#footer .lien {
	border-right: 0;
	color: #cacaca;
	text-decoration : none;
}


#footer .orange {
	color : #ef5918;
}

/*------------------------- */
/*          tunnel          */
/*------------------------- */

.titre_tunnel {
	color: #262626;
	font-size: 14px;
	font-weight: bold;
}

.texte_tunnel {
	color: #262626;
	font-size: 11px;
}

.cadre_tunnel {
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*height: 20px;*/
	width: 150px;
	border: 1px solid #262626;
}

.ok_tunnel {
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	width: 20px;
	border: 1px solid #262626;
}

/*------------------------- */
/*          home           */
/*------------------------- */

.texte_intro_home {
	color: #575757;
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 18px;
}

.texte_accroche_home {
	color: #792b2c;
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}

.texte_info_home {
	color: #505050;
	font-family: Trebuchet MS;
	font-size: 11px;
}

.texte_salon_home {
	color: #505050;
	font-family: Trebuchet MS;
	font-size: 13px;
}

.texte_le-salon_home {
	color: #505050;
	font-family: Trebuchet MS;
	font-size: 16px;
	font-weight: bold;
}

a.texte_info_details_home {
	color: #ef5918;
	font-family: Trebuchet MS;
	font-size: 12px;
	text-decoration : none;
}

.fond_details_home {
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 12px;
	background-color: #ef5918;
}

/*------------------------- */
/*        recherche         */
/*------------------------- */

#recherche .rech-site {
	color : #525252;
	font-size: 9pt;
	font-weight:bold;
}

#recherche .bloc {
	color : #525252;
	font-size: 9pt;
	background-color: #f0f5ad;
	border: 1px solid #859011;
	height: 16px;
	width: 115px;
}




/*------------------------- */
/*         contenu          */
/*------------------------- */

#contenu .titre {
	font-size: 14pt;
	font-weight:bold;
}

#contenu .texte {
	font-size: 10pt;
}

#contenu .link-url {
	color : #ef5918;
	text-decoration : none;
}




/*------------------------- */
/*      contenu fiche       */
/*------------------------- */

#fiche h1 {
	color: #5f5f5f;
	font-size: 22pt;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#fiche h2 {
	color: #5f5f5f;
	font-size: 11pt;
	font-weight:bold;
	margin: 0;
	padding: 0px 0px 15px 0px;
}

#fiche ul {
	list-style: none;
	/*margin: 0px 0px 0px 0px;
	padding: 0;*/
}

#fiche li {
	float: left;
/*	padding-right: 6px;
	padding-top: 8px;*/
}


#fiche_caracteristiques .texte {
	color: #454545;
	font-size: 9pt;
	margin: 0;
	padding: 0;
}

#fiche_caracteristiques ul {
	list-style: disc;
	list-style-position: inside;
}

#fiche_caracteristiques li {
	/*margin: 0;
	padding: 0;*/
}

#fiche_caracteristiques .sous-titre_car {
	color: #ef5918;
	font-size: 10pt;
	font-weight: bold;
}