@charset "utf-8";
/* CSS Document */

body{
	font-family				:				Arial, Helvetica, sans-serif;
	font-size				:				0.85em;
	background-color		:				#0f4464;
	background-image		:				url(images/socam_bg.jpg);
	background-repeat		:				repeat-x;
	margin					:				0px;
	
	}
h1, h2, h3 {				
	color					:				#0f4464;
	}
h1 {
	font-size				:				1.5em;
	font-weight				:				bold; 
	margin-top				:				4px;
	}
h2 {
	font-size				:				1.2em;
	font-weight				:				bold; 
	}
h3 { 
	font-weight				:				bold;
	font-size				:				0.9em;
	}
h4 {
	font-size				:				1em;
	font-weight				:				bold; 
	}
h5 {
	position				:				relative;
	margin					:				0px; 
	padding					:				5px 0px; 
	font-size				:				0.9em; 
	font-weight				:				bold;
	}
h6 {
	font-size				:				0.9em;
	font-weight				:				bold; 
	margin					:				0px;
	}
a {
	outline					:				none;
	}
img {
	border					:				none;
	} 
p{ 
	font-size				:1em; 
	line-height				:20px; 
	color					:#333333;
	}
a:link, a:active, a:visited {
	color					:#1c4f6e; 
	text-decoration			:none;
	}
a:hover {
	color					:#0883cd; 
	text-decoration			:underline;
	}
#conteneur, #conteneur, #menu_haut, #menu_principal, #header,  #contenu_top, #contenu_bottom  {
	display : 				block;
	position: 				relative;
	clear:					both;
	margin : 				auto;
	width:					754px;	
	overflow:				hidden;
	}



#menu_haut {
	text-align			:right;
	color				:#f8f8f8;
	font-size			:0.75em;
	padding				:5px 0px;
	}
#menu_haut a:link, #menu_haut a:active, #menu_haut a:visited {
	color				:#f8f8f8;
	text-decoration		:none;
	}
#menu_haut a:hover{
	color				:#f8f8f8;
	text-decoration		:underline;
	}

#menu_principal {
	
	background-color	:#0f4464;
	width				:745px;
	display				:block;
	height				:23px;
	padding-left		:5px;
	}
ul.MenuBarHorizontal ul {
	margin				: 0;
	padding				: 0;
	list-style-type		: none;
	font-size			: 0.95em;
	z-index				: 1020;
	cursor				: default;
	width				: 7em;
	position			: absolute;
	left				: -1000em;
	}
	
ul.MenuBarHorizontal a
{
	display				: block;
	cursor				: pointer;
	padding				: 0px;
	color				: #ffffff;
	text-decoration		: none;
	background-color	: #0F4464;
	padding				:4px 7px 4px 8px ;
	margin				:0px 3px 0px 0px;
	
}
ul.MenuBarHorizontal li
{
	margin				: 0;
	padding				: 0;
	list-style-type		: none;
	font-size		: 0.9em;
	position		: relative;
	text-align		: left;
	cursor			: pointer;
	/*width: auto;*/
	float			: left;
	
}
#header {
	margin			: 0px;
	padding			:20px 0px 15px 0px;
	}
#logo {
clear			:both;
text-align		:center;
width			:754px;
display			:block;
}

#carres {
	display		:block;
	position	:relative;
	clear		:both;
	background-color:#0f4464;
	/*background-image:url(http://socam.net/_includes/templates/images/bg_carre_754px.jpg);
	background-repeat:no-repeat;*/
	height		: 157px;
	width		:730px;
	padding		:5px;
	margin		: 5px 0px 30px 0px !important;
	

	}


.carre {
	position		:relative;
	display			:block;
	float			:left;
	width			:167px;
	height			:140px;
	padding			:0px;
	margin			: 4px !important;
	background-color:#ffffff;
	/*background-image:url(http://socam.net/_includes/templates/images/bg_carre2180.jpg);
	background-repeat:no-repeat;*/
	overflow		:hidden;
	border			: 4px solid white;
	}
.carre h5 a:link,  .carre h5 a:visited, .carre h5 a:active{text-decoration:none; color:#134867; margin:0px; font-size:0.8em}
.carre h5 a:hover{text-decoration:underline; color:#1b86c4; margin:0px; font-size:0.8em}


.radiolive, #radiolive, .carre950, #contenu_top, #publicite_accueil_zone1, #pagetop, #top,#bottom   {
	display			:none;
	}


#radiolive760 {
	background-color:white !important;
	display			:block;
	position		:relative;
	clear			:both;
	width			: 167px;
	overflow		:hidden;
	height			:109px;
	padding			:5px;

	}

.carre760 {
	display			:block;
	float			:left;
	width			:170px;
	height			:140px;
	padding			:4px;
	margin			: 4px 0px;
	background-color:#ffffff;
	
	}

.carre760 .radiolive { 
	position		:relative !important;
	display			: block !important;
	width			:178px;
	height			:140px;
	overflow		:hidden;
	}

#contenu_bottom {
	background-image:url(http://socam.net/_includes/templates/images/bg_contenu_bottom1.gif);
	background-repeat:no-repeat;	
	display			:block;
	position		:relative;
	clear			:both;
	width			: 754px;
	height			:11px;
	padding			:0px;
	margin			:0px;
	}
#contenu {
	display			:table;
	position		:relative;
	clear			:both;
	background		:none;
	padding			:25px 5px;
	width			:754px;
	margin			: 0px;
	background-color:#ffffff;
	}
#col_gauche {
	background-color:#ffffff;
	position		:relative;
	display			:block;
	float			:left;
	width			:205px;
	padding			:0px 5px;
	margin			:-1px 0px 0px 0px;
	border-right	:#000000 2px solid;
	background		:white;
	overflow		:hidden;
	}
#col_drt {
	background-color:#ffffff;
	display			:block;
	position		:relative;
	float			:left;
	width			:500px;
	padding			:0px 8px 0px 8px;
	margin			:-1px 0px 0px 0px;
	overflow		:hidden;
	}

#copyright {
	font-size		:0.7em; 
	clear			:both; 
	width			:754px; 
	padding			:8px; 
	margin			: auto; 
	text-align		:center; 
	color			:#f8f8f8;
	}


#evenements {
	font-size		:0.85em;
	}
#evenements h3, #evenements hr {
	margin			:0px;
	}
#evenements hr {
	border			:none; 
	color			:#e4e4e4; 
	height			:1px; 
	}

#publicite_accueil_zone2 {
	width			:220px;
	height			:350px;
	margin-left		:5px;
	overflow		:hidden !important;
}

#publicite_accueil_zone3 {
	width			:675px;
  	height			:120px;
}

#infolettre table tr td p{
	font-size		:0.8em; 
	margin		:0px;
	padding		:0px;
	}
.rouge {
	color		:#F00;
	}
.petit { font-size:0.8em;}
a.lienblanc:link, a.lienblanc:visited, a.lienblanc:active {color:white; text-decoration:none;}
a.lienblanc:hover {color:white; text-decoration:underline;}
/* -----------------------------------------------------------------*/

/* Gestion des pages du site Éditeur HTML*/

#pagecontenu {
	width			:740px;
	padding			:5px 0px 25px 5px;
	background-color:#ffffff;
	clear			:both;
	position		:relative;
	display			:table;
	margin			:0px 0px;
	}
#pagecontenu a {
	border			:none;
	}	
#pagecontenu h1 {
	margin-top:		0px;
	}
#pagecontenu p {
	margin			: 0px 0px 18px 0px;
	}
#pagecontenu #tipatcimo {
	display			:block; 
	position		:relative; 
	width			:500px; 
	float			:left;
	height 			:125px;
	}
#pagecontenu #adobereader {
	width:400px; 
	text-align:right; 
	position:relative; 
	float:left; 
	height:125px;}

#pagecontenu h1, #pagecontenu h2, #pagecontenu h3 {
	color:#0f4464; 
	font-size:1.3em;
	}
#gauche, #droite {
	width:425px; 
	float:left; 
	display:block; 
	}
#droite {
	padding-left:15px; 
	float:left; 
	border-left : 1px solid #cccccc;
	}

#droite h2 {
	color:#0f4464; 
	font-size:1.3em;
	}

/* boutique------------------------------------------------------------------------------------------ */
#conteneuraudioliste {
	width			:754px;
	padding			:5px;
	}

.float {
	position:relative;
	float:left;
	margin:0px;
	}
#toutlekit {
	background:white; 
	padding:0px;
	width:754px; 
	display:table; 
	position:relative; 
	padding:15px; 
	width: 724px;
	}
#contientgauche {
	width:754px;
	display:block;
	float:left;
	position:relative;
	}
#colhaut {
	width:730px; 
	padding:10px; 
	clear:both;
	position:relative;
	display:block;
	}
.colonnes {
	width:350px; 
	padding: 0px 0px 0px 15px ; 
	position:relative;
	float:left;
	display:block; 
	min-height:700px;
	}
#titrecd {
	background-color:#333333; 
	color:#ffffff; 
	font-size:1.1em; 
	font-weight:bold; 
	padding:5px; 
	width:340px; 
	margin-bottom:2px;
	}
#titrecd2 {
	background-color:#cccccc; 
	color:#333333; 
	font-size:1.1em; 
	font-weight:bold; 
	padding:5px; 
	width:340px; 
	margin-bottom:2px;
	}
#contientpanier {
	width:180px;
	display:block;
	position:relative;
	float:left;
	}
#votrepanierachat {
	clear:both;
	display:table; 
	min-height:680px; 
	padding:10px 0px 10px 10px; 
	width:180px; 
	background-color:#e4e4e4;
	}
#panierentete {
	display:block; 
	position:relative;
	clear:both; 
	padding:7px; 
	width:175px;  
	margin-bottom:2px;
	background-color:#333333; 
	color:#ffffff; 
	font-size:0.9em;
	font-weight:bold;
	}

#conteneuraudiolistevb, #conteneuraudiolistedvd, #conteneuraudiolisteaccv, #conteneuraudiolisteacc {
	width			:744px; 
	padding			:5px; 
	background-color:#ffffff !important;
	}