/*///////// CSS pointpc.net ////////*/
/*////////// juin 2009 /////////*/
/*////bleu #1c75bc - rouge #f04a3a////*/

body {
	margin : 0;
	padding : 0;
	font: 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #000000;
}

a {
	text-decoration : none;
}

li {
	list-style : none;	
}

img {
	border : none;	
}

#clear {
	clear : both;	
}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


/*///////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////       ENTETE      //////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////////////////*/

#header {
	height : 140px;
	background: #f04a3a;
	padding: 0 30px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	vertical-align: middle;
}
#header h1 {
	font-size : 1.6em;
	color : #fff;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 20px 0 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align : right;
}
#header ul {
	float : right;
	width : 400px;
	height : 40px;
	text-align : right;
	line-height: 40px;
}
#header li {
	display : inline;
	width : 100px;
	text-align : left;	
}
#header li a{
	color : white;	
}
#header li a:hover{
	color : black;	
}
#header li.aide {
	background : url(images/commun/logoJaune.png) left 0 no-repeat;
	padding-left : 35px;	
}
#header li.activites {
	background : url(images/commun/logoVert.png) left 0 no-repeat;
	padding-left : 35px;	
}
#header li.achat {
	background : url(images/commun/logoBleu.png) left 0 no-repeat;
	padding-left : 35px;	
}
#header li.vitrine {
	background : url(images/commun/logoRouge.png) left 0 no-repeat;
	padding-left : 35px;	
}
.logo {
	float : left;
}


#mainContent {
	with : 740px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

#content {
	width : 530px;
	margin-bottom : 20px;	
}
#content h1 {
	font-size : 1em;
	color : white;
	line-height : 1.5em;
	text-align : center;
	margin : 10px;
	padding : 5px;
	background : #1c75bc;
}

#content h1 a {
	color : #fff;
	font-style : italic;
	font-weight : normal;
	padding-left : 30px;
	background : url(images/commun/flecheRouge.png) left 8px no-repeat;	
}


/*///////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////       MENU      //////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////////////////*/

#menu{
	position : relative;
	width : 740px;
	height : 60px;
	margin : 0;
	padding : 0 20px;;
}
#menu ul{
	height : 30px;
	text-align : center;
	border-bottom : 2px dashed #ccc;
	padding : 0 0 5px 0;
}
#menu li{
	display : block;
	float : left;
	margin : 0 5px;
}
#menu li h2{
	font-size : 1em;
}
#menu a {
	color: #6699FF;
}
#menu a:hover{
	color: black;
}

#menu .ssmenu{
	position : absolute;
	display : block;
	top : 40px;
	margin : 0;
	padding : 0;
}
#menu ul.ssmenu {
	border : 0;
}
#menu .ssmenu li{
	font-size : 0.8em;
	font-weight : bold;
}

/*///////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////       NAVIGATION DROITE    //////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////////////////*/

#nav_right {
	float : right;
	width : 200px;
	margin-bottom : 20px;	
}
#nav_right p.texte {
	width : 160px;
	height : 82px;
	padding : 10px;	
}
#nav_right p{
	width : 180px;
	height : 92px;
	margin : 5px 5px;
	border : 5px solid #1c75bc;	
}

/*///////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////       PRODUITS    //////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////////////////*/

#content h2 {
	font-size : 1em;
	color : #fff;
	background-color : #1c75bc;
	line-height : 1.6em;
	text-align : right;
	margin : 20px 0;
	padding : 0 40px 0 0;
}

.produit {
	float : left;
	width : 500px;
	border : 1px solid black;
	padding : 10px;
	margin : 5px;
}
.produit img {
	float : left;	
}
.produit dl {
	float : left;
	margin : 0 5px;
	text-align : left;
	padding-left : 20px;
	border-left : 1px solid black;	
}
.produit dt .type {
	font-size : 1em;
	line-height : 2em;
	color : #f04a3a;
	border-bottom : 1px solid #f04a3a;
	font-weight : bold;
	padding-bottom : 2px;	
}
.produit dd  {
	font-size :	0.9em;
	font-weight : normal;
	line-height : 1.6em;
	padding : 0;
	margin : 0;
}
.produit dd .infos {
	color : black;
	font-weight : bold;	
}


#plan {
	float : left;
	width : 500px;
	border : 1px solid black;
	padding : 10px;
	margin : 5px; 	
}
#plan h3 a {
	color : #1c75bc;
}

/*///////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////       FOOTER     //////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////////////////*/

#footer {
	clear : both;
	width : 780px;
	height : 50px;
	background:#1c75bc;
}
#footer p {
	font-size : 0.7 em;
	font-variant : bold;
	font-style : italic;
	color : white;
	text-align : center;
	line-height : 35px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



/*///////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////       FORMULAIRE CONTACT     //////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////////////////*/

#contact {
	padding : 20px;
	margin : 20px;
}
hr {
			border: 1px dotted silver;
		}

		
		#contact #entete,#contact  #footer {
			font-size: 1em;
			font-weight: bold;
			width: 480px;
			color: white;
			padding: 5px 10px;
			background-color: #1c75bc;
		}
		
		#contact #cont {
			font-size: 1em;
			width: 480px;
			color: black;
			background-color: #efefef;
			padding: 10px;
		}
		
		#contact  #cont .legend{
			font-size: 0.8em;
			color:#666;
			line-height: 2.2em;
		}
		
		#contact #footer {
			text-align: right;
		}
		
		
		#contact #coordonnees label {
			font-size: 0.9em;
			float: left;
			width: 180px;
			text-align: right;
			line-height: 2em;
		}
		
		#contact #coordonnees input, select {
			float: left;
			margin: 5px;
		}
		
		#contact #coordonnees select {
			margin-left: 5px;
		}
		
		#contact .oblige {
			font-weight: bold;
		}
		
		#contact .focus {
			background: beige;
			color: black;
		}
		
		#contact .normal {
			background: white;
			color: black;
		}