/*----------------------------------------------------------------------------
/* Fichier CSS - Minisite Capitalys Conseil 
/* Réalisation Cyril MARTINEZ - Pôle Web - 20/07/2009 
/*----------------------------------------------------------------------------

#01 - Balises générales : body et hr
#02 - Interface : Positionnement global du site dans la page
#03 - Header : En-tête de la page avec logo et titre H1
#04 - Menus Gauche : Colone de gauche avec les box menu
			- Structure de la colone
			- Box Qui Sommes nous
			- Box Liens Internes
			- Box Liens Externes
			- Box Contact Téléphonique
#05 - Contenu éditorials : Contenu "texte" de la page avec titre H2 et H3
#06 - Footer : Mentions légales

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


/*----------------------------------------------------------------------------
/* #01 - Balises Générales
-----------------------------------------------------------------------------*/

body {
	background : #ffffff url("../gfx/bg_body.png") repeat-x;
	text-align : center;
}


hr {
	visibility : hidden;
	clear : both;
	margin :0;
	padding : 0;
}

table {
	border : 1px solid #777777;
}

td {
	border : 1px solid #777777;
}

/*----------------------------------------------------------------------------
/* #02 - Interface
-----------------------------------------------------------------------------*/


div#interface {
	margin : auto;

	width : 997px;
	height : 706px;
	
	background : transparent url("../gfx/interface.gif") no-repeat;
	}
	
/*----------------------------------------------------------------------------
/* #03 - Header
-----------------------------------------------------------------------------*/
	
div#header {
	width : 997px;
	}

div#header a{
	display : block;
	float : left;
	
	margin-top : 10px;
	margin-left : 25px;
	
	width : 139px;
	height : 106px;
}

div#header img {
	width : 139px;
	height : 106px;
	
	border : none;
}

div#header div#titre {
	float : left;
	
	margin-top : 50px;
	margin-left : 50px;
	
	width : 508px;
	
	text-align : left;
	font-family : arial;
	
	background : url(../gfx/bg_h1.gif) no-repeat;
}

div#header div#titre h1 {
	margin :0;
	padding : 0;
	margin-top : 15px;
	
	width : 508px;
	
	color : #7e4282;
	text-indent : 60px;
	font-size : 1.4em;
	font-weight : bolder;
}

div#header div#titre p {
	margin :0;
	padding : 0;
	
	width : 508px;
	
	text-indent : 100px;
	font-size : 1em;
	font-style : italic;
	color : #888888;
	font-weight : bold;
}

div#header p#logo_theme {
	float : left;

	margin :0;
	margin-top : 40px;
	margin-left : 125px;
	padding : 0;

	
	width : 95px;
	height : 89px;
	
	font-weight : bold;
	font-family : arial;
	text-align : center;
	color : #ffffff;
	font-size : 1em;
	
	background : url("../gfx/logo_theme.gif") no-repeat;
}

/*----------------------------------------------------------------------------
/* #04 - Menus Gauche
-----------------------------------------------------------------------------*/

/* Positionnement de la colone */
div#left {
	float : left;
	
	margin-left : 5px;
	margin-top : 5px;

	width : 261px;
	height : 566px;	
}

/* Box Qui sommes nous */


div#box_desc {
	width : 256px;
	height : 98px;
	
	padding-left :15px;
		
	text-align : left;
	font-family : verdana;
	font-size : 0.6em;
	
	background : url("../gfx/bloc_contact.gif") no-repeat;
}

div#box_desc strong{
	display : block;
	
	height : 15px;
	
	margin:0;
	padding-top : 5px;
	padding-bottom : 15px;
	
	font-weight : bolder;
	color : #7e4282;
}

/*Box Liens Internes*/

div#left div#box_link_in {
	width : 261px;
	height : 150px;
	
	padding-left : 15px;
	
	text-align : left;
	font-family : arial;
	font-size : 0.8em;
	
	background : url("../gfx/bloc_liens_left.gif") no-repeat;
}

div#box_link_in strong{
	display : block;
	
	padding-top : 5px;
	padding-bottom : 5px;
	
	color : #ffffff;
}

div#box_link_in ul {
	padding : 0;
	margin :0;

	list-style-type : none;
}

div#box_link_in a {
	display : block;
		
	padding : 0;
	margin :0;
	
	height : 35px;
	line-height : 35px;

	text-indent : 15px;
	text-decoration : none;
	color : #7e4282;
	
	background : url("../gfx/puce_link_in.gif") no-repeat 0% 60%;
}


div#box_link_in li{
	padding : 0;
	margin :0;
		
	font-family : arial;
	font-weight : bold;
}

div#box_link_in a:hover {
	color : #dbb5d3;
}

/* Box Liens externes */

div#left div#box_link_out {
	width : 261px;
	height : 65px;
	
	margin-top : 5px;
	padding-left : 15px;
		
	text-align : left;
	font-family : arial;
	font-size : 0.8em;
		
	background : url("../gfx/bloc_liens_left.gif") no-repeat;
}

div#box_link_out strong{
	display : block;
	
	padding-top : 5px;
	padding-bottom : 5px;
	
	color : #ffffff;
}

div#box_link_out ul {
	padding : 0;
	margin :0;	
	margin-left : -10px;
	
	list-style-type : none;
}

div#box_link_out a {
	display : block;
		
	padding : 0;
	margin :0;
	
	height : 35px;
	line-height : 35px;

	text-indent : 35px;
	text-decoration : none;
	color : #7e4282;
	
	background : url("../gfx/puce_link_out.gif") no-repeat 0% 60%;
}

div#box_link_out a:hover {
	color : #dbb5d3;
}


div#box_link_out li{
	padding : 0;
	margin :0;
		
	font-family : arial;
	font-weight : bold;
	
}

/* Box contact */
div#box_contact {
	width : 256px;
	height : 98px;
	
	margin-top : 5px;
	padding-left :15px;
		
	text-align : left;
	font-family : arial;
	font-size : 0.8em;
	
	background : url("../gfx/bloc_contact.gif") no-repeat;
}

div#box_contact strong{
	display : block;
	
	height : 15px;
	
	margin:0;
	padding-top : 5px;
	padding-bottom : 15px;
	
	font-weight : bolder;
	color : #7e4282;
}



div#box_contact a{
	text-decoration: none;
	color: #7e4282;
}
div#box_contact a:hover{
	color: #dbb5d3;
}

div#box_contact em {
	font-style : normal;
	font-size : 0.9em;
	color : #aaaaaa;
}


/*----------------------------------------------------------------------------
/* #05 - Contenu éditorial
-----------------------------------------------------------------------------*/
div#content {
	float : left;

	width : 711px;
	height : 556px;
	
	background : url("../gfx/bg_content.gif") no-repeat;	
}

#content h2 {
	padding : 0px;
	margin : 0px;
	margin-top : 25px;
	
	text-align : left;
	color : #7e4282;
	font-family : arial ;
	text-indent : 25px;
	font-variant: small-caps;

}

#content div#content_text {
	padding : 15px;
	padding-top : 15px;
	margin : 0;
	
	text-align : justify;
	font-family : verdana;
	font-size : 0.7em;
	line-height :1.4em;
}

#content div#content_text h3{
	padding : 0px;
	margin : 0px;
	
	text-align : left;
	font-size : 1.1em;
	font-weight : bold;
	
	color : #888888;

}

#content div#content_text p {
	margin :0;
	padding : 0;
}

#content div#content_text p strong{
	color : #7e4282;
	font-weight : bold;
}

#content div#content_text img {
	display : block;
	float : left;
	
	margin-top : 5px;
	margin-right : 5px;
	margin-left : 3px;
}

#content div#content_text img.little {
	display : block;
	float : left;
	
	height : 250px;
	
	margin-top : 5px;
	margin-right : 5px;
	margin-left : 3px;
}

/*----------------------------------------------------------------------------
/* #06 - Footer
-----------------------------------------------------------------------------*/

div#footer {
	clear : both;

	width : 997px;
	margin :0;
	padding :0;
	
	text-align : left;	
	font-size : 0.75em;
	color : #aaaaaa;

}

div#footer a {
	color : #aaaaaa;
}

div#footer a:hover {
	color : #aaaaaa;
}