/* ------------------------------------------------------------------- 
   
	SonicWALL_TechTour.css
	Developpement xHTML/Css : Frédéric PACHOT (Synapz Communication - RENNES) pour Magic4Media (Paris) - 2010
		      
---------------------------------------------------------------------- */


body
{
	background: #000 url(../resources/images/background.jpg) repeat-x top left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	/*font-size: 0.6em;*/
}

img
{
	margin:0;
	padding:0;
}

a
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

a:hover,
a:focus
{
	color: #336600;
	text-decoration: none;
}

.clear
{
	clear: both;
}

.agenda
{
	color: #8bb409;
	font-weight: bold;
}



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

div#wrapper
{
	background: #69870c url(../images/background.jpg) no-repeat top left;
	width:900px;
	height: 100%;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

/*---- HEADER ----*/
 
div#wrapper div#header-wrapper
{
	height: 335px;
	padding: 0px 15px;
}

div#wrapper div#header-wrapper div#header-top
{
	background: transparent url(../images/bg_header_top.jpg) no-repeat top left; 
	height: 107px;
}

div#wrapper div#header-wrapper div#header-top h1, h2
{
	display: none;
}

div#wrapper div#header-wrapper div#header-bottom
{
	background: transparent url(../images/bg_header_bottom.jpg) no-repeat top left; 
	height: 228px;
}

div#wrapper div#header-wrapper div#header-bottom div#header-agenda
{
	width: 255px;
	padding-top: 27px;
	text-align: left;
	float: right;
}

div#wrapper div#header-wrapper div#header-bottom div#header-agenda p
{
	padding: 5px 0px 0px 10px;
}


/*---- CONTENT ----*/
 

div#wrapper div#content-wrapper
{
	height: 355px;
	overflow: hidden;
	padding: 2px 15px 0px 15px;
}

div#wrapper div#content-wrapper div#content-left
{
	width: 330px;
	float: left;
}

/* formulaire */

div#wrapper div#content-wrapper div#content-left form
{
	/*width: 286px;*/
	padding-left: 20px;
	text-align: left
}

div#wrapper div#content-wrapper div#content-left form div
{
	margin: 0;
	padding-bottom: 8px;
	-moz- padding-bottom: 10px;
}

div#wrapper div#content-wrapper div#content-left form label
{
	width: 80px;
	color: #64acda;
	/*-webkit- color: #F00;*/ 
	font-variant: small-caps;
	font-weight: bold;
	float: left;
	display: block;
}

div#wrapper div#content-wrapper div#content-left form div#validation
{
	padding-left: 79px;
}

div#wrapper div#content-wrapper div#content-left form div#validation input
{
	width: 75px;
	height: 26px;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1px;
}

div#wrapper div#content-wrapper div#content-left form div#validation input.envoyer
{
	background-color: #5c7801;
	border: #8bb409 solid 1px;
}

div#wrapper div#content-wrapper div#content-left form div#validation input:hover.envoyer
{
	background-color: #8bb409;
	color: #5c7801;
}

div#wrapper div#content-wrapper div#content-left form div#validation input.effacer
{
	background-color: #2b73a1;
	border: #64acda solid 1px;
}

div#wrapper div#content-wrapper div#content-left form div#validation input:hover.effacer
{
	background-color: #64acda;
	color: #2b73a1;
}

div#wrapper div#content-wrapper div#content-center
{
	width: 282px;
	float: left;
}

div#wrapper div#content-wrapper div#content-center div#carte
{
}

div#wrapper div#content-wrapper div#content-center div#carte div#carte-info
{
	background: transparent url(../images/techtour_map_info.jpg) no-repeat top center;
	/*text-align: left;*/
	height: 75px;
}

div#wrapper div#content-wrapper div#content-center div#carte div#carte-info div.place
{
	text-align: left;
	padding: 0px 15px 0px 15px;
}

div#wrapper div#content-wrapper div#content-center div#carte div#carte-info div.place h3
{
	color:#a9cc35;
	padding: 0;
	margin: 0;
	/*font-size: 1.5em;*/
	font-weight: bold;
}

div#wrapper div#content-wrapper div#content-center div#carte div#carte-info div.place p
{
	font-size: 0.9em;
	float: left;
}

div#wrapper div#content-wrapper div#content-center div#carte div#carte-info div.place div.place-map a
{
	/*font-size: 0.9em;*/
	background: transparent url(../images/link_map.jpg) no-repeat top left;
	width: 53px;
	height: 21px;
	padding: 5px 0px 0px 22px;
	margin-top: 15px;
	color: #fff;
	text-decoration: none;
	display: block;
	float: right;
}

div#wrapper div#content-wrapper div#content-right
{
	background: transparent url(../images/line_products.jpg) no-repeat 7px 0px;
	width: 233px;
	padding-left: 24px;
	text-align: left;
	float: left;
}


div#wrapper div#content-wrapper div#content-right ul#products
{
	margin: 0;
	padding: 0;
	list-style: none;
}

div#wrapper div#content-wrapper div#content-right ul#products li
{
	/*width: 233px;
	height: 58px;
	margin-bottom: 15px;*/
	margin-left: 2px;
	margin-bottom: 8px;
}

div#wrapper div#content-wrapper div#content-right ul#products li a
{
	width: 213px;
	height: 26px;
	padding-left: 20px;
	padding-top: 9px;
	display: block;
	background: grey  url(../images/bg_product_link.jpg) no-repeat top left;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}

/*div#wrapper div#content-wrapper div#content-right ul#products li a.mono
{
	height: 41px;
	padding-top: 17px;
}*/

div#wrapper div#content-wrapper div#content-right ul#products li a.duo
{
	height: 35px;
	padding-top: 0px;
}

div#wrapper div#content-wrapper div#content-right ul#products li a:hover span
{
	text-shadow: #000 2px 2px 0px;
}

/*---- FOOTER ----*/

div#wrapper div#footer-wrapper
{
	background: #69870c url(../images/bg_footer.jpg) no-repeat top left;
	height: 135px;
	padding: 10px 30px 0px 30px;
	text-align: left;
	line-height: 1.1em;
	overflow: hidden;
}


div#wrapper div#footer-wrapper div#footer-left
{
	background: transparent url(../images/line_footer.jpg) repeat-y top right;
	width: 145px;
	float: left;
}

div#wrapper div#footer-wrapper div#footer-center
{
	background: transparent url(../images/line_footer.jpg) repeat-y top right;
	padding-left: 15px;
	width: 446px;
	float: left;
}

div#wrapper div#footer-wrapper div#footer-center p
{
	font-size:0.8em;
}

div#wrapper div#footer-wrapper div#footer-right
{
	width: 215px;
	padding-left: 15px;
	float: left;
}