/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

/* ----------------------------------------------------------------- */
/* --------------- Bordures de contour du site --------------------- */
/* ----------------------------------------------------------------- */
#container
{
	width:890px;	
	margin:0 auto;
	text-align:left;
	color:#333333;
}


/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.3em;
	color:#333333;
	margin:0;	
}

h2
{
	font-size:1em;	
	color:#333333;
	margin:0;
}

h3
{
	font-size:0.9em;
	color:#333333;
	margin:0;
}

p
{
	font-size:1em;
	color:#333333;
	margin:0;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Corps ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------ Page Accueil ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

#zoneAccueil
{padding:140px 0 0 0;}

.txtGogaraga
{
	width:400px;
	font-size:1.2em;
	float:left;
	margin:39px 0 10px 20px;
}

.txtGogaraga p, .txtCold p
{padding: 0 0 20px 0; text-align: left;}

#zoneAccueil a:link, #zoneAccueil a:visited, #zoneAccueil a:active, #zoneTexte a:link, #zoneTexte a:active
{
	text-decoration:underline;
	color:#333;
}

#zoneTexte a:visited
{
	color:#92B2CD;
}

#zoneAccueil a:hover, #zoneTexte a:hover
{text-decoration:none;} 



.txtCold
{
	width:250px;
	font-size:1.2em;
	float:left;
	margin:71px 0 10px 20px;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------ Site Go Garaga -------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

#colGau img.imgEntete, #header img.imgEntete
{display:none;}

/* ------------------------------------------------------------------------------------------------------------ */

#colGau
{
	float:left;
	width:710px;
}

#colDr
{
	float:left;
	width:180px;
}

/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- entête ------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
#boxInt
{
	width:890px;
	margin:48px 0 0 0;
}

/* --------------- top menu --------------- */
#topMenu, #topMenuCold
{width:890px;}

#topMenu ul, #topMenuCold ul
{
	float:left;
	font-size:0.9em;
	list-style:none;
	margin:14px 0 0 0;
	padding:0 16px 4px 16px;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 3px;
	color:#CC0000;
}


#topMenu a:link, #topMenu a:visited, #topMenu a:active, #topMenuCold a:link, #topMenuCold a:visited, #topMenuCold a:active
{
	color:#666666;
	text-decoration:none;
}

#topMenu a:hover, #topMenuCold a:hover
{
	text-decoration:underline;
}

#topMenu p.liengogaraga, #topMenuCold p.liengogaraga
{
	float:right;
	font-size:1.2em;
	font-weight:bold;
	padding:12px 201px 0 0;
	margin:0;
}

#topMenu span.coulGo, #topMenuCold span.coulGo
{color:#990000;}
#topMenu span.coulGaraga, #topMenuCold span.coulGaraga
{color:#CF1111;}



/* ---------------------- zone menu ------------------------------- */

#menu
{
	float:left;
	width:180px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#menu ul
{
	list-style:none;
	margin:0 0 0 0;	
}

#menu ul li
{
	margin:0;
	padding:0 0 3px 0;		
}

#menu ul li.switched
{
	margin:0;
	padding:15px 0 15px 0;		
}

#menu ul li.switchedCold
{
	margin:0;
	padding:0 0 5px 0;
}

/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone Contenu ------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

#zoneContenu
{
	width:700px;
	padding:20px 0 0 0;
}

#zoneContenuCold
{
	width:870px;
	padding:20px 0 0 0;
}

#zoneTexte
{
	float:left;
	width:430px;
}

#zoneTexteInt
{
	float:left;
	width:570px;
}

#zoneTexteIntRefer
{
	float:left;
	width:640px;
}

#zoneContenu h1, #zoneContenuCold h1
{
	font-size:1.2em;
	padding:0 0 10px 10px;
}

#zoneContenu h1.switched
{
	font-size:1.2em;
	padding:0 0 0 10px;
}

/* ---------------------------------------------- */
#zoneTexte h1.switched a:link, #zoneTexte h1.switched a:active, #zoneTexteInt h1.switched a:link, #zoneTexteInt h1.switched a:active
{
	text-decoration:none;
	color:#333;
}

#zoneTexte h1.switched a:visited, #zoneTexteInt h1.switched a:visited
{
	text-decoration:none;
	color:#92B2CD;
}

#zoneTexte h1.switched a:hover, #zoneTexteInt h1.switched a:hover
{text-decoration:underline;} 

/* ---------------------------------------------- */

#zoneContenu p.txt, #zoneContenuCold p.txt
{
	font-size:1.2em;
	padding:0 0 10px 10px;
	text-align:justify;
}

#zoneContenu p.txtInt, #zoneContenuCold p.txtInt
{
	font-size:1.1em;
	padding:0 0 10px 10px;
	text-align:justify;
}

#zoneContenu p.txtIntLast, #zoneContenuCold p.txtIntLast
{
	font-size:1.1em;
	padding:0 0 20px 10px;
	text-align:justify;
}

#zoneContenuCold p.txtTitre
{
	font-size:1.1em;
	padding:0 0 5px 10px;
	text-align:justify;
}

.liste
{
	margin:0 0 10px 25px;
	padding:0;
}

.liste li
{
	margin:0;
	padding:0 0 3px 0;
}

.listeInt
{
	margin:0;
	padding:5px 0 5px 20px;
	list-style:disc;
}


.listeFlechee
{
	list-style:none;
	margin:5px 0 10px 10px;
	padding:0;
}

.listeFlechee  li
{
	margin:0;
	padding:0 0 5px 15px;
	background:url(../cold_is_hot/images/i_fleche.gif) no-repeat 0 4px;
}

/* ---------- page contact -------- */
.conteneurChamps
{
	margin:15px 0 20px 10px;
	width:400px;
}
.conteneurChampsRefer
{
	margin:15px 0 20px 10px;
	width:410px;
}

.champs, .champsTel
{margin:2px 0 6px 0;}

.champsTel
{margin:2px 0 6px 0;}

.champs label, .champsTel label, .champs span
{
    vertical-align: middle;
	font-weight:bold;
	float:left;
}

.champs input
{
	float:right;
	width:260px;
	margin:0 40px 3px 0;
}

.champsTel input.itelCodeRegional
{
	float:left;
	width:30px;
	margin:0 0 0 32px;
}

.champsTel input.itel2
{
	float:left;
	width:40px;
	margin:0 0 0 5px;
}

.champsTel input.itel3
{
	float:left;
	width:50px;
	margin:0 0 0 5px;
}

.conteneurChamps input.ibSend
{margin:10px 0 0 0;}


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone Pied ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
#pied
{
	font-size:0.8em;
	color:#333333;
	padding:0 0 20px 10px;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------- Site Cold Is Hot ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

/* --------------- top menu --------------- */

#topMenuCold ul li
{
	float:left;
	margin:0;
	padding:0 3px;
	color:#DAB444;
}

/* --------------- Zone entête avec élément flash et menu principal --------------- */
#header
{
	width:890px;
	margin:0;
}

#zoneflashCold
{
	width:710px;
	float:left;
	margin:0;
	padding:0;
}

#zoneTexte h1.standOut a:link, #zoneTexte h1.standOut a:visited, #zoneTexte h1.standOut a:active
{
	color:#BF2A1D;
	font-size:1.3em;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */