@charset "utf-8";

/**********************************************************************************************

	Title: CSS Comptoirs du Multimedia website
	Author: Comptoirs du Multimedia
	Date: 2008 

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Header
		3.2 Pitch
		3.3 portfolio
		3.4 Services
		3.5 We do
		3.6 Footer	
	4. Forms
		
***********************************************************************************************/

<!--[if IE]>
div#mainCont { width: 1000px; }
<![endif]-->

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }*/

	ol, ul {list-style: none; margin-left:0px;}
	li {margin-left:0px;}
	a img { border: 0px }
	
	table {border-collapse: separate; border-spacing: 0;}

	caption, th, td {text-align: left; font-weight: normal;}
	
	h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#0169b2;}
  h1 { font-size: 20px; }
	h2 {margin-top:0px;font-size:18px;margin-bottom:3px; }
	h2.membre { padding-left: 20px; background: url(/images/user.gif) 0px 4px no-repeat }
	h3{ font-size:10px;font-weight:bold; margin: 0px 0px 8px 0px; padding: 0}
	h4{ font-size:14px; font-weight:bold; padding-top:0; margin-top:0px; margin-bottom:17px; font-family: Helvetica, Arial, sans-serif;}
	h5{color:#151515; font-size: 24px; font-weight: bold; font-family: Arial,Verdana,Helvetica,sans-serif; padding:0; margin: 0 10px;}
	



/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
html,body{height: 100%; }

body  {
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #444;	letter-spacing: 0;
        font-style: normal; line-height: 1.5;
	margin: 0;
  font-size: 12px;
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	background-image:url(../../images/bg.gif);
	background-color: #edebec;
	background-repeat: repeat-x;
	background-position: top;
    }
    
    #menuLeft { font-size: 11px }
	
	p{font-size:12px;}
	
	hr {display: none;}
		
	strong {font-weight: bold;}
		
	em {font-style: italic;}
	
	address {font-style: normal;}

	input, textarea, select {font: 11px Arial, Helvetica, sans-serif;}

	a {color: #0169b2; text-decoration: none;outline: none;font-size:1em;}
	
	a:hover {color: #151515; text-decoration: none;}

	a:visited {}

	a:active {}
	
	a.white {color: #FFFFFF; text-decoration: none; outline: none;font-size:1em;}
	a.white:hover {color: #FFFFFF; text-decoration: underline; outline: none;}
	

	#elink { margin-bottom: 10px;}
	#elink img { vertical-align: bottom }
	
    #container { width: 990px;  margin: 0 auto;  text-align: left; } 
	
	/*--------------HEADER & LOGIN----------------------*/		
    #header { background: #ffffff; 	padding: 0; width:990px; height:97px; border-right:1px solid #D0D0D0;} 
    #header h1 { margin: 0; padding: 10px 0; }
	#loginbox {background:url(../images/header_login_bg.gif) no-repeat right; width:138px; height:97px; float:right;}
	#loginbox form {float:right; padding:25px 7px 0 0; }
	#loginbox input, form.flogin input {	display: block;	float: left;	 color:#0169b2;}
	form.flogin input[type=text] { border: solid 1px #cccccc; }
	form.flogin input[type=password] { border: solid 1px #cccccc; }
	#loginbox input[type=hidden], form.flogin input[type=hidden] { border: none }
	/* #loginbox input:hover, form.flogin input:hover {border-color: #ff9900;} */
	#loginbox label {display: block;	width: 50px; float: left;	margin-bottom: 6px;	text-align: right;		padding-right: 10px; color:#FFFFFF;}
	
	#loginbox br { clear: left;}
	#user { color: #FFFFFF; text-align: right; padding:25px 10px 0px 0px; }
	#user a { color: #FFFFFF; padding-top: 10px; }
	#user a:hover { text-decoration: underline }

	#header #logo { float:left;}
	#header #flash { float:left;}
	
	
	/*--------------NAVIGATION MENU TOP----------------------*/		

	/************************************************
	*	               MENU IAB                		*
	************************************************/
	#menu {	position: relative;	top:0px; margin: auto; padding: 3px 0px 0px 0px; clear:both;	height:37px; width:990px; z-index: 90; background:url('../images/nav_bg.png') no-repeat ;}
	#menu ul { margin: 0; padding: 0; }
	#menu a {	text-decoration:none; font-weight:bold;	color:#555555; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;}
	#menu a:hover {	color:#000;text-decoration:underline;}
	#menu ul li {	position:relative; float:left;	list-style:none; padding:5px 5px 0 15px;	height:10px; }
	#menu ul>li {	height:37px;}
	#menu ul ul {	position: absolute;	display: none; width: 200px; left: 0px;	top: 32px;	 z-index: 10; border-top: 1px solid #d0d0d0; }
	#menu ul ul a {	padding: 2px 5px; display: block; width: 200px;	border-bottom: 1px solid #555555;}
	#menu ul ul li>a {	width:	190px; background-color:#d0d0d0;}
	#menu ul ul li {	padding: 0;	height:	auto;}
	#menu ul ul ul {	top: 0px;	left: 200px;}
	#menu li:hover ul ul, 
	#menu li:hover ul ul ul {	display: none;}
	#menu li:hover ul, 
	#menu li li:hover ul, 
	#menu li li li:hover ul {	display: block;}

	
	
    #sidebar {float: left; width: 202px;  padding: 15px 0px 15px 0px;}
	#newsbox{width:202px; background:url(../images/box_news_bg.png) #fff no-repeat bottom; padding:0 0 5px 0;}
	#newsboxheader{background:url(../images/title_news.png) no-repeat; height:40px;}
	#rss { text-align: right; padding: 13px 10px 0px 0px }
	#newsbox ul {list-style:url(../images/bullet_blue.png); padding:0 10px 0 20px; margin: 5px}
	#newsbox li {list-style:url(../images/bullet_blue.png); padding:0 0px 0 0px;}
	
	#searchbox {width:202px; height:39px; background:url(../images/search_bg.png) no-repeat ; margin:10px 0 10px 0;}
	#searchbox input {width: 145px;height: 18px; color:#0169b2;  border: solid 1px #cccccc; margin:8px 10px 0 45px; background-color: #fff;}
	#searchbox input:hover {border-color: #ff9900;}
	
	#adbox{ width:192px; height:165px;background:url(../images/box_ad_bg.png) no-repeat ; padding:13px 0 0px 10px;}
	
	#mainContent { margin: 0 0 0 220px; padding: 15px 0px 0 00px;  } 
	
	#topbox {width:748px; background:#FFFFFF; border: solid 1px #cccccc; margin-bottom:10px; padding:0px 10px 10px 10px;}
	#topboxheader {width:770px; height:39px; background:url(../images/title_alaune.png) no-repeat ;   padding:0;}

	#mainbox {float:left;width:748px; background:#FFFFFF;font-size:1.15em;border: solid 1px #cccccc; margin-bottom:10px; padding:0px 10px 10px 10px;}
	#mainbox h2 {font-size:1.6em;}

	table.membres td
	{
		width:500px;
	}
	
	
	/*--------------FOOTER----------------------*/		
    #footer { 
		clear:both; 
		width:990px; 
		height:77px;
		background:url(../images/footer_bg.png) no-repeat;
	} 
	#footer DIV {
		padding: 15px 0px 0px 20px;
	}
	#footer TABLE {
		width: 950px;
	}
	#footer TD {
		padding: 0px 10px 0px 10px;
		text-align: center;
	}

	
	
	/*--------------CLEAR & FLOAT----------------------*/		
	
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	#elink, #elink div {
	padding:	0 0 0 16px;
	border:		0px solid red;
}

div.membres {
	margin-top: 10px;
}
div.membres h2 {
	color: #000000 !important;
	font-size: 100% !important;
}
a img {
	vertical-align: middle;
}
#editorial_text {
	margin-top: 15px;
}

div.member, div.agenda
{
  float : left;
  clear : both;
  border : 1px solid #076CB5;
  border-bottom : 0;
  width : 510px;
}

div.member, div.member div.memberPic, div.member div.memberInfos, div.member div.memberSoc, div.agenda, div.agenda div.date, div.agenda div.desc
{
  min-height : 80px;
}

div.member p, div.agenda p
{
  margin : 0;
  padding : 5px;
}

div.agenda div.desc > p { width: 350px; float: left }

div.member.last, div.agenda.last
{
  border-bottom : 1px solid #076CB5;
}

div.member.first, div.agenda.first
{
  margin-top: 10px;
}

div.member div.memberPic
{
  float : left;
  width : 100px;
}

div.agenda div.date { width : 90px; float: left }

div.member div.memberPic img
{
  margin : auto;
  display: block;
  padding: 5px;
}

div.member div.memberInfos, div.agenda div.desc
{
  float : left;
  border-left : 1px solid #E0E0E0;
  width : 409px;
}

div.member div.memberSoc
{
  float : left;
  width : 310px;
}

div.agenda div.hour
{
    float:left;
    width:49px;
}

div#mainCont
{
  width: 990px;
}

div#menuLeft
{
  width: 160px;
}

div#menuLeft > div
{
  width: 148px;
}

div#left, div#menuLeft
{
  margin-right: 5px;
}

div#mainCont, div#mainCont div.float
{
  float: left;
}

div#left, div#left > div
{
  width: 520px;
}

div#right
{
  width: 290px;
}

div#left > div#edito
{
  width: 510px;
}

div#left > div#half-half
{
  margin: 5px 0;
}

div#etudes {   margin-right: 6px; }
div.bloc
{
  float: left;
  padding: 5px;
  background: white;
  border: 1px solid #CCCCCC;
}

div #pub300 {
	padding: 0;
	border: 0;
}

div#half-half div.bloc { width: 245px; }

div#right div.bloc { width: 100%; margin-bottom: 5px }

div#menuLeft div.bloc { margin-bottom: 5px }

ul#evenements { padding: 0; margin: 0; margin-left: 15px }

form.flogin label {  display: block;}
form.flogin .champ { width:145px }
form.flogin input.button { margin-top: 10px }

div.message { clear:both }
div.message.ok { color:green }
div.message.ko { color:red }

#nav { margin-top: 5px; text-align: center }
#nav a, #nav strong {
background:#EDEBEC none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:0 5px;
padding:3px 5px;
text-decoration:none;
}

ul#navigation { margin:0; padding: 0 }
ul#navigation, ul#navigation ul { list-style-type: none }
ul#navigation ul { padding-left: 20px }
ul#navigation li { font-weight: normal; line-height: 115%; margin: 5px 0; }
ul#navigation li.open { font-weight: bold; color: #000000 }
ul#navigation li ul { display: none }
ul#navigation li.open > ul { display: block }
ul#navigation li a.toogle { background: url(/images/plus.png) 0px 1px no-repeat; }
ul#navigation li.open  a.toogle { background: url(/images/moins.png) 0px 1px no-repeat }
ul#navigation li.article a.toogle { background: none; padding: 0 }

ul#navigation li a
{
  padding-left: 14px;
}

div#left { margin-bottom: 5px; }

form#offre_add label
{
    float:left;
    clear:left;
    width: 100px;
    margin-bottom: 10px;
}

form#offre_add input, form#offre_add textarea
{
    float:left;
    width: 380px;
    margin-bottom: 10px;
}

form#offre_add input.submit
{
    margin-left: 100px;
    width: auto
}

form#offre_add textarea
{
    height: 100px
}

/* MODIFICATION DIFONLINE */

#partners {
	margin: 44px 0 0 0;
	float: right;
}