@charset "UTF-8";

/*********************************
*                                *
*  BRADERIE DE RENNES - CSS 1.0  *
*                                *
*       WEB-NUMERIC  2010        *
*                                *
*********************************/


/*===============================================================================
=======>>> GENERAL <<<===========================================================
===============================================================================*/
body
{
	margin:0;
	padding:0;
	color:#333;
	font-size:0.9em;
	font-family:Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#DCDEDF url(../pict/BG-site-braderie.gif) top repeat-x;
}
.clearBoth
{
	clear:both;
}
#global
{
	width:1000px;
	margin:0 auto 0 auto;
	background:url(../pict/BG-global.gif) top repeat-y;
}

/*===============================================================================
=======>>> HEAD <<<==============================================================
===============================================================================*/
#head
{
	padding:5px 0 0 0;
}
#head h1
{
	margin:0px auto 0 auto;
	padding:20px 0 0 20px;
	width:970px;
	height:292px;
	background:url(../pict/img-head-braderie.jpg) no-repeat;
}
#head h1 span
{
	display:none;
}
#head h1 strong
{
	color:#eec5e3;
	font-size:0.7em;
}

/*===============================================================================
=======>>> NAVIGATION <<<========================================================
===============================================================================*/
#nav
{
	padding:0 0 15px 0;
	background: url(../pict/BG-head.gif) bottom repeat-x;
}
#nav ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#nav li
{
	float:left;
	padding:0 20px 0 20px;
	background:url(../pict/separ-menu.gif) center right no-repeat;
}
#nav ul li:first-child
{
	padding:0 20px 0 15px;
}
#nav li a
{
	text-decoration:none;
	color:#216e9a;
	font-size:0.9em;
}
#nav li a:hover
{
	color:#f07418;
}

/*===============================================================================
=======>>> CONTENT <<<===========================================================
===============================================================================*/
#content
{
	min-height:300px;
	padding:10px 10px 10px 15px;
}
#col01
{
	float:left;
	width:720px;
	padding:0 5px 0 0;
}
#col01 p
{
	font-size:0.8em;
}
#col02
{
	float:left;
	width:250px;
	padding:30px 0 0 0;
}
#content img
{
	border:1px solid #898989;
}

/*=-=-=-=-=-=-=-= Colonne 1 =-=-=-=-=-=-=-=-=-=-=-=-=*/
#col01 h2
{
	color:#f07418;
	margin:0;
	padding:0 0 8px 0;
	font-size:1.2em;
}
#col01 h2 + h3
{
	margin-top:15px;
}
#col01 h3
{
	color:#3f81a7;
	margin:0;
	padding:0 0 5px 0;
	font-size:0.9em;
}
#col01 h3 + p
{
	margin-top:0;
}
#col01 p + ul
{
	margin-top:-10px;
}
#col01 ul
{
	font-size:0.8em;
	margin:0;
	padding:0 0 0 15px;
	color:#333;
}
#col01 ul li
{
	margin:0 0 3px 0;
}

/*--- Home ---*/
.colHome01
{
	width:280px;
	float:left;
}
.colHome01 img
{
	max-width:280px;
	display:block;
	margin:0 0 15px 0;
}
.colHome01 p
{
	margin:0 0 8px 0;
	padding:0;
	/*font-size:0.8em;*/
	text-align:center;
}
.LienHome, .prev, .next
{
	text-align:center;
	margin:15px 0 5px 0;
}
.LienHome a, .prev a, .next a
{
	background:url(../pict/BG-debut-btn.gif) top left no-repeat;
	color:#fff;
	font-size:0.9em;
	text-decoration:none;
	padding:0 0 15px 12px;
}
.LienHome a span, .prev a span, .next a span
{
	background:url(../pict/BG-fin-btn.gif) top right no-repeat;
	padding:0 12px 15px 0;
}
.LienHome a:hover, .prev a:hover, .next a:hover
{
	color:#711545;
}
#Gmap
{
	margin:25px 0 0 0;
}
.colHome02
{
	float:left;
	width:400px;
	margin:0 0 0 20px;
}

/*--- Bulletins inscription ---*/
.Bulinscrip
{
	list-style:none;
	margin:0;
	padding:0;
}
.Bulinscrip li
{
	float:left;
	margin-top:20px
}
.Bulinscrip li a
{
	display:block;
	width:190px;
	text-align:center;
	padding:0px 0 320px 38px;
	text-decoration:none;
	color:#216e9a;
	font-size:1.1em;
}
.Bulinscrip li a:hover
{
	/*color:#f07418;*/
	color:#ed298c;
}
.ComRen a
{
	background:url(../pict/bulletin-rennais.gif) bottom no-repeat;
	margin-left:60px;
}
.ComExt a
{
	background:url(../pict/bulletin-ext.gif) bottom no-repeat;
	margin-left:120px;
}

/*--- le formulaire ---*/

#bulletinForm
{
	width:683px;
	margin:20px auto 0 auto;
	padding:0 0 50px 0;
	background:url(../pict/BG-form-contact.gif) bottom no-repeat;
}
#bulletinForm table
{
	width:503px;
	margin:0 auto 0 auto;
}
#bulletinForm table td
{
	text-align:left;
	padding:5px 0 5px 0;
	font-size:0.8em;
	font-weight:bold;
	color:#216e9a;
}
#bulletinForm table td span
{
	color:#ed298c;
	padding:0 2px 0 2px;
}
#bulletinForm table td label span
{
	color:#216e9a;
	font-weight:normal;
	font-size:0.95em;
}
#bulletinForm table.contactPort
{
	margin-top:30px;
}
#bulletinForm table.contactPort td
{
	text-align:center;
}
#bulletinForm .tarif01 table, #bulletinForm .tarif02 table
{
	margin:15px auto 15px auto;
	border:1px solid #216e9a;
}
#bulletinForm .tarif01 table th, #bulletinForm .tarif02 table th
{
	background:#216e9a;
	color:#fff;
	font-size:0.8em;
	font-weight:normal;
	padding:3px 0 3px 5px;
}
#bulletinForm .tarif01 table td, #bulletinForm .tarif02 table td
{
	text-align:center;
	font-size:0.7em;
	border:1px solid #216e9a;
}
.choix
{
	width:503px;
	margin:0 auto 0 auto;
	text-align:right; 
	color:#216e9a;
}
.choix input
{
	border:1px solid #216e9a;
	background:none;
	width:30px;
}
#bulletinForm .tarif01 .nbrM, #bulletinForm .tarif02 .nbrM
{
	border:1px solid #216e9a;
}
#bulletinForm .tarif01 .nbrM td, #bulletinForm .tarif02 .nbrM td
{
	text-align:center;
	padding-left:5px;
	border:1px solid #216e9a;
}
#bulletinForm .tarif01 .nbrM td input, #bulletinForm .tarif02 .nbrM td input
{
	border:1px solid #216e9a;
	background:none;
	width:30px;
}
#bulletinForm .tarif01 .totalGen, #bulletinForm .tarif02 .totalGen
{
	width:200px;
	margin:15px 0 15px 393px;
	border:none;
}
#bulletinForm .tarif01 .totalGen td, #bulletinForm .tarif02 .totalGen td
{
	text-align:right;
	padding-left:5px;
	border:none;
}
#bulletinForm .tarif01 .totalGen td input, #bulletinForm .tarif02 .totalGen td input
{
	border:none;
	background:none;
	width:50px;
	color:#333;
}
#bulletinForm .tarif02 table .plein
{
	background:#999;
	color:#fff;
}
.btnValid
{
	width:503px;
	margin:0 auto 0 auto;
	text-align:right; 
}
#bulletinForm p
{
	padding:0 80px 0 80px;
	margin:20px auto 0 auto; 
}
#bulletinForm .tarif01 .choixMontant, #bulletinForm .tarif02 .choixMontant
{
	width:350px;
	margin:0 0 20px 243px;
}
#bulletinForm .tarif01 .choixMontant td, #bulletinForm .tarif02 .choixMontant td
{
	text-align:center;
}
#bulletinForm .tarif01 .choixMontant td input, #bulletinForm .tarif02 .choixMontant td input
{ 
	width:80px;
}
#bulletinForm .tarif03 p
{
	text-align:center;
	margin-bottom:50px;
}
#bulletinForm .tarif03 p a
{
	color:#216e9a;
}
#bulletinForm .tarif03 p a:hover
{
	text-decoration:none;
}

/*--- Page contact ---*/
#EmailForm
{
	width:683px;
	margin:20px auto 0 auto;
	padding:0 0 50px 0;
	background:url(../pict/BG-form-contact.gif) bottom no-repeat;
}
#EmailForm table
{
	width:503px;
	margin:0 auto 0 auto;
}
#EmailForm table td
{
	text-align:left;
	padding:5px 0 5px 0;
	font-size:0.8em;
	font-weight:bold;
	color:#216e9a;
}
#EmailForm table td span
{
	color:#ed298c;
	padding:0 2px 0 2px;
}
#cfContact
{
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	background:#216e9a;
	text-align:center;
	border:none;
	padding:3px 8px 3px 8px;
}
#cfContact:hover
{
	background:#ed298c;
}
.errors
{
	color:#216e9a;
	text-align:center;
	margin:20px 0 30px 0;
}
#EmailForm table.contactPort
{
	margin-top:30px;
}
#EmailForm table.contactPort td
{
	text-align:center;
}

/*--- Revue de presse ---*/
.revuePresse
{
	width:710px;
}
#col01 .revuePresse h3
{
	padding:0 0 5px 0;
	margin:20px 0 5px 0;
	background:url(../pict/BG-underline-revue.gif) bottom repeat-x;
}
#col01 .revuePresse h3 span
{
	/*color:#ed298c;*/
	color:#666;
	font-size:0.8em;
	float:right;
}
.revuePresse p
{
	color:#333;
}
#col01 .revuePresse p + h3
{
	margin-top:50px;
}
.revuePresse p span
{
	color:#ed298c;
}
.revuePresse p a
{
	text-decoration:none;
	color:#333;
}
.revuePresse p a:hover
{
	text-decoration:underline;
	color:#ed298c;
}
#content .revuePresse p a img
{
	float:left;
	margin:0 8px 0px 0;
	border:none;
}
.imgArt
{
	text-align:center;
	font-size:0.7em;
	color:#000;
}
.imgArt img
{
	display:block;
	margin:10px auto 5px auto;
	max-width:700px;
}
#content .imgArt img
{
	border:none;
}
.revuePresse p.carton
{
	text-align:right;
	color:#ed298c;
	font-weight:bold;
}
.prev
{
	float:left;
}
.next
{
	float:right;
}

/*=-=-=-=-=-=-=-= Colonne 2 =-=-=-=-=-=-=-=-=-=-=-=-=*/
.blocCol2
{
	width:250px;
	margin:0 0 15px 0;
}
.blocCol2 h3
{
	width:250px;
	height:23px;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
	color:#fff;
	font-size:0.9em;
	background:url(../pict/top-vert.gif) bottom no-repeat;
}
.contColBloc
{
	border:1px solid #A6D748;
	border-top:none;
	background:url(../pict/BG-bloc-nav.gif) bottom repeat-x;
}
.contColBloc p
{
	margin:0;
	padding:10px;
	font-size:0.8em;
}
#content .contColBloc p img
{
	border:none;
}
.contColBloc p a
{
	color:#216e9a;
}
.contColBloc p a:hover
{
	text-decoration:none;
}
.contColBloc p.CRtext
{
	padding:10px 10px 10px 25px;
}

/*===============================================================================
=======>>> FOOTER <<<===========================================================
===============================================================================*/
#footer
{
	width:1000px;
	padding:20px 0 0 0;
	margin:0 0 30px 0;
	background:url(../pict/footer.gif) top no-repeat;
}
#footer ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#footer ul li
{
	float:right;
	margin:0 15px 0 0;
}
#footer ul li a
{
	text-decoration:none;
	font-size:0.7em;
	color:#333;
}
#footer ul li a:hover
{
	text-decoration:underline;
}



/*===============================================================================
=======>>> GENERAL AJOUR <<<=====================================================
===============================================================================*/
.right, .right p
{
	text-align:right;
}
.left, .left p
{
	text-align:left;
}