@charset "UTF-8";

/**************************
*                         *
*    Site Dumas CSS 1.1   *
*                         *
*    Web-numeric   2011   *
*                         *
**************************/


/*=======================================================================================
=========>>> GLOBAL <<<==================================================================
=======================================================================================*/
body
{
	background:#fff top left repeat-x;
	font-size:9pt;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
}
.clearBoth
{
	clear:both;
}
#global
{
	width:1000px;
	margin:0 auto 0 auto;
	position:relative;
}


/*=======================================================================================
=========>>> HEAD <<<====================================================================
=======================================================================================*/

/*------ Home ------*/
#head
{
	margin:0 0 0 0px;
}
#head h1
{
	margin:0;
	padding:15px 0 0 55px;
	font-size:2.4em;
	line-height:1.3em;
	letter-spacing:0.1em;
	float:left;
	position:relative;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana, Geneva, sans-serif;
}
#head h1 span
{
	display:block;
}
.logoDumas
{
	float:right;
	width:120px;
	height:144px;
	margin:15px 20px 0 0;
}
.logoDumas a img
{
	border:none;
}

/*------ Page projet ------*/
#head2
{
	width:952px;
	margin:42px auto 0 auto;
}
#head2 h1
{
	float:left;
	padding:0;
	margin:0;
}
#head2 h1 a
{
	display:block;
	width:170px;
	height:170px;
	background:url(../pict/LogoDumas01.gif) top left no-repeat;
}
#head2 h1 span, #head2 h2 span
{
	display:none;
}
#head2 h2
{
	width:620px;
	height:80px;
	padding:0;
	margin:22px 43px 0 0;
	float:right;
	background:url(../pict/BG-Titre-Quimper-paris.gif) top no-repeat;
}
#head2 ul
{
	list-style:none;
	width:706px;
	height:35px;
	float:right;
	background:url(../pict/BG-menu.gif) top left no-repeat;
	padding:11px 0 0 10px;
	margin:21px 0 0 0;
}
#head2 ul li
{
	float:left;
	height:17px;
	padding:0 20px 0 20px;
	background:url(../pict/separ-menu.gif) left no-repeat;
}
#head2 ul li:first-child
{
	background:none;
}
#head2 ul li a
{
	color:#000;
	text-decoration:none;
}
/*
#head2 ul li a:hover
{
	color:#666;
}
*/

/*--- facebook ---*/
#facebook
{
	width:950px;
	margin:0 20px 20px 30px;
	font-size:1.1em;
	font-weight:bold;
}
#facebook a
{
	color:#000;
	text-decoration:none;
	letter-spacing:0.1em;
}
#facebook a:hover
{
	text-decoration:underline;
}
#facebook span
{
	display:inline-block;
	padding:0px 5px 5px 0px;
}

/*=======================================================================================
=========>>> CONTENT HOME <<<============================================================
=======================================================================================*/
#content
{
	margin-top:35px;
}
#content a img
{
	border:none;
}

/*--- bloc type ---*/
.blocCont01
{
	width:950px;
	padding:0 0px 20px 0px;
	margin:0 20px 20px 30px;
	border-bottom:2px solid #9c9d9f;
}
.blocCont01 img
{
	border:none;
}
.colA1
{
	float:left;
	width:170px;
}
.colA1 img
{
	max-width:170px;
}
.colA2
{
	float:left;
	width:315px;
	margin:0 0 0 50px !important;
	margin:0 0 0 25px;
}
.colA3,.colB2
{
	float:left;
	width:365px;
	margin:0 0 0 40px;
}
.colA3 table, .colB2 table
{
	width:365px;
	min-height:217px;
}
.colA3 table table, .colB2 table table
{
	min-height:0;
}
.colA3 a, .colA3 table table a, .colB2 table table a
{
	color:#030304;
}
.colA3 a:hover, .colA3 table table a:hover, .colB2 table table a:hover
{
	text-decoration:none;
}


/*--- bloc type 2 ---*/
.blocCont02
{
	width:950px;
	padding:0 0px 20px 0px;
	margin:0 20px 20px 30px;
	border-bottom:2px solid #9c9d9f;
}
.colB1
{
	float:left;
	width:535px;
}

/*--- bloc type 3 ---*/
.blocCont03
{
	width:950px;
	padding:0 0px 20px 0px;
	margin:0 20px 20px 30px;
	border-bottom:2px solid #9c9d9f;
}
.colC1
{
	float:left;
	width:535px;
}
.colC1 img
{
	margin:0 8px 0 0;
}

/*=======================================================================================
=========>>> CONTENT PROJETS <<<=========================================================
=======================================================================================*/
#contentProjet, #contentProjet2
{
	width:980px;
	margin:0 auto 0 auto;
}
#contentProjet2
{
	clear:both;
}
.BlocImgProjet
{
	float:left;
	width:218px;
	border:1px solid #cccccd;
	margin:25px 12px 0 13px;
}
.BlocImgProjet a img
{
	border:none;
}
#contentProjet2 .BlocImgProjet
{
	margin:0 12px 0 13px;
}
#contentProjet2 h3
{
	background:url(../pict/BG-strategieCrea.gif) center no-repeat;
	height:16px;
	padding:0;
	margin:5px 0 4px 0;
}
#contentProjet2 h3 span
{
	display:none;
}

/*=======================================================================================
=========>>> FOOTER <<<==================================================================
=======================================================================================*/
#footer
{
	width:950px;
	padding:0 0px 20px 0px;
	margin:0 20px 50px 30px;
}
#footer table
{
	width:720px;
	margin:20px auto 20px auto;
}
#footer ul
{
	background:#9c9d9f;
	height:36px;
	list-style:none;
	margin:0;
	padding:0;
}
#footer ul li a
{
	display:block;
	height:20px;
	margin-top:8px;
}
#footer ul li a span
{
	display:none;	
}
.contact01
{
	width:305px;
	float:left;
	margin-left:80px;
	background:url(../pict/contact-dumas.gif) no-repeat;
}
.contact02
{
	width:265px;
	float:right;
	margin-right:80px;
	background:url(../pict/contact-webnumeric.gif) no-repeat;
}