/*
	%%%%%%%%%%%%%%%%%%%%%%%
	L'élémentaire
	%%%%%%%%%%%%%%%%%%%%%%%
*/

html
{
	font-size: 100%;
}

body
{
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #000000;
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	La page intro (index.html)
	%%%%%%%%%%%%%%%%%%%%%%%
*/

#pageaccueuil
{
	width: 710px;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	text-align: left;
	padding: 0;
	border: 1px solid white;
}

.backgroundaccueuil
{
	width: 247px;
	float: right;
}

.backgroundaccueuil a img
{
	border: none;
}	

.gaucheaccueuil
{
	height: 272px;
	position: relative;
	bottom: -90px;
	left: 0;
	margin-left: 30px;
	font-size: 1.2em;
}

.gaucheaccueuil p
{
	margin-left: 2px;
	margin-top: 80px;
	color: #fdda21;
}

.gaucheaccueuil a
{
	color: #888888;
	text-decoration: none;
	font-size: 1em;
}

.gaucheaccueuil a:hover
{
	color: #ffffff;
}

.pied_de_page
{
   width: 710px;
   margin-left: auto;
   margin-right: auto;
}

.pied_de_page p
{
	color: #ffffff;
	text-align: right;
	font-size: 0.8em;
}

.pied_de_page a
{
	color: #888888;
	font-size: 1em;
	text-decoration: none;
}	

/*
	Menu horizontal pour les langues
	---------------
*/


ul#menul
{
	margin-top: 20px;
	padding:0;
	list-style-type: none;
	border: 1px solid #888888;
}

#menul li 
{
	float: left;
}

#menul a
{
	display: block;
	width: 216px;
	font-size: 1.4em;
	font-weight: bold;
	color: #888888;
	margin-top: 15px;
	text-decoration: none;
}

#menul a:hover
{
	color: #ffffff;
}

.english
{
	text-align: left;
	margin-left: 20px;
}

.francais
{
	text-align: center;
	margin-left: 20px;
}

.deutsch
{
	text-align: right;
	margin-right: 20px;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	Les menus
	%%%%%%%%%%%%%%%%%%%%%%%
*/

.lien_nonactif
{
	text-decoration: none;
	color: #ffffff;
}

.lien_actif
{
	background: #ff6600;
	padding-left: 3px;
	padding-right: 3px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#menu
{
	float: right;
	width: 178px;
	margin-top: 30px;
	padding-left: 20px;
	padding-top: 40px;
	background-image: url("../images/MenuDroiteGrand.jpg");
	background-repeat: no-repeat;
	height: 521px;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li
{
	text-align: left;
	margin-top: 5px;	
}

#menu a:hover
{
	background: #fdc239;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	Page d'accueil (home.html)
	%%%%%%%%%%%%%%%%%%%%%%%
*/


#corpshome
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
	color: #ffffff;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%
	News (news.html)
	%%%%%%%%%%%%%%%%%%%%%%
*/

#corpsnews
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
	color: #ffffff;
	overflow: auto;
}

#corpsnews p
{
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
}

.date
{
	color: #888888;
	padding-left: 20px;
	font-size: 0.83em;
}

.titrenews
{
	margin-top:0;
	margin-bottom: 0;
	color: #ff6600;
}

.importantnews
{
	color: #fdda21;
}

#corpsnews h3
{
	font-size: 1.2em;
	padding-left: 20px;
}

#corpsnews a
{
	text-decoration: none;
	color: #ff6600;
}	

#corpsnews a:hover
{
	text-decoration: none;
	color: #ffffff;
}

#corpsnews img
{
	border-style: none;
}

#corpsnews table
{
	padding-left: 20px;
}

.imagefloatnews
{
	float: right;
	padding-right: 5px;
	margin: 0;
}

.paddingleft
{
	padding-left: 20px;
}

.ouvertureshop
{
	color: #ff6600;
}

/*
	Pour les sous-pages des news (internetaccess, bcv etc)
	---------------
*/

.imagefloatright
{
	float: right;
	padding-right: 20px;
	margin: 0;
}

.paddingtop
{
	padding-top: 100px;
}

.paddingtopleft
{
	padding-left: 20px;
	padding-top: 50px;
}

.imagecenter
{
	padding-left: 50px;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%
	Shop (shop.html)
	%%%%%%%%%%%%%%%%%%%%%%
*/

#corpsshop
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
	color: #ffffff;
}

#corpsshop p
{
	padding-left: 20px;
}

#corpsshop h3
{
	font-size: 1.2em;
	padding-left: 20px;
}

#corpsshop img
{
	border-style: none;
}

#corpsshop a
{
	color: #888888;
	text-decoration: none;
}

#corpsshop a:hover
{
	color: #ffffff;
}

#corpsshop table
{
	margin-left: 40px;
	font-weight: normal;
	text-align: left;
	margin-top: 15px;
}

#corpsshop li
{
	list-style-type:none; 
}

.imagefloatshop
{
	float: right;
	padding-right: 5px;
	margin: 0;
}

.paddingright
{
	padding-right: 5px;
	margin-left: 120px;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%
	Prestations (prestations.html)
	%%%%%%%%%%%%%%%%%%%%%%
*/

#corpsp
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
}

#corpsp h3
{
	color: #ffffff;
	text-align: center;
	font-size: 1.2em;
}

#corpsp h4
{
	color: #ffffff;
}

#corpsp p
{
	text-align: right;
	margin-right: 15px;
}

/*
	Sous-menu horizontal des prestations
	---------------
*/


ul#menup 
{
	margin-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	list-style-type: none;
}

#menup li 
{
	float: left;
}

#menup a:hover
{
	color: #fdda21;
}

.lien_actifp
{
	padding-right: 10px;
	color: #fdda21;
	text-decoration: none;
}

.lien_nonactifp
{
	padding-right: 10px;
	color: #ffffff;
	text-decoration: none;
}

/*
	Le tableau des prestations
	---------------
*/

#corpsp table tr td
{
	border: none;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: left;
	color: #ffffff;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%
	Portfolio (portfolio.html)
	%%%%%%%%%%%%%%%%%%%%%%
*/

#portfolio
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
}

#portfolio tr td
{
	border: none;
	padding-bottom: 20px;
	padding-left: 35px;
	color: #ffffff;
}

#portfolio table
{
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-top: 40px;
}

#portfolio img
{
	border-style: none;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%
	Photos (photos.html)
	%%%%%%%%%%%%%%%%%%%%%%
*/

#photos
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
}

#photos h3
{
	padding-left: 8px;
	color: #ffffff;
}

#photos a
{
	color: #fdda21;
	text-decoration: none;
}

#photos a:hover
{
	color: #ffffff;
}

#lienformulaire a
{
	color: #888888;
}

#lienformulaire a:hover
{
	color: #ffffff;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%
	Contact (contact.html)
	%%%%%%%%%%%%%%%%%%%%%%
*/

#corpscontact
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
}

#corpscontact p
{
	font-size: 1.3em;
	color: #ffffff;
	padding-left: 60px;
}

#corpscontact h3
{
	color: #fdda21;
	padding-left: 60px;
	padding-top: 80px;
}

#corpscontact a
{
	color: #888888;
	font-size: 1em;
	text-decoration: none;
}	

#corpscontact a:hover
{
	color: #ffffff;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	Le pied de page 
	%%%%%%%%%%%%%%%%%%%%%%%
*/

#piedpage
{
	width: 700px;
	hight: 100px;
	float: left;
	margin-top: 0px;
	text-align: left;
	color: #fdda21;
	font-size: 0.8em;
}

.grispp
{
	color: #ffffff;
	font-size: 1em;
}

a.grispp
{
	text-decoration: none;
}

.backgroundpp
{
	width: 150px;
	margin-right: 100px;
	float: right;
}

a.backgroundpp img
{
	border: none;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	Formulaire (formulaire.html)
	%%%%%%%%%%%%%%%%%%%%%%%
*/

#formulaire
{
	float: left;
	width: 700px;
	margin-top: 30px;
	padding: 5px;
	margin-bottom: 30px;
}

#formulaire h3
{
	color: #fdda21;
	font-size: 1.4em;
}

form
{
	margin-top: 40px;
	margin-left: 20px;
	text-align: left;
}

#formulaire p
{
	color: #ffffff;
	text-align: left;
	font-weight: normal;
}	

#formulaire tr
{
	text-align: left;
}

#formulaire td
{
	padding-left: 10px;
	color: #fdda21;
}

#formulaire a
{
	color: #888888;
	text-decoration: none;
}

#formulaire a:hover
{
	color: #ffffff;
}

.aligndroite
{
	text-align: right;
}

.tableaucommande
{
	margin-top: 30px;
	margin-left: 50px;
	margin-bottom: 40px;
}

label
{
	color: #fdda21;
}

input
{
	color: #000000;
	font-weight: normal;
}

.lienformulaire
{
	font-size: 0.85em;
	color: #888888;
	text-decoration: none;
}

.lienformulairepp
{
	font-size: 1em;
	color: #888888;
	text-decoration: none;
}

/*
	merci
*/

#corpsmerci
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
	color: #fdda21;
}

#corpsmerci p
{
	font-size: 1.3em;
}

.message
{
	padding-left: 100px;
	padding-top: 150px;
}

.merci
{
	padding-left: 150px;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	Liens (liens.html)
	%%%%%%%%%%%%%%%%%%%%%%%
*/


#corpsliens
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
}

#corpsliens table
{
	margin-left: 40px;
	font-weight: normal;
	text-align: left;
	margin-top: 15px;
}

.margedroite
{
	padding-right: 100px;
}

#corpsliens a
{
	color: #888888;
	text-decoration: none;
}	

#corpsliens a:hover
{
	color: #ffffff;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	Presse (presse.html)
	%%%%%%%%%%%%%%%%%%%%%%%
*/

#corpspresse
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
}

#corpspresse h3
{
	padding-left: 20px;
	color: #ffffff;
}

#corpspresse a
{
	color: #888888;
	text-decoration: none;
}	

#corpspresse a:hover
{
	color: #ffffff;
}

.lienpresse
{
	color: #888888;
	text-decoration: none;
}	

a.lienpresse:hover
{
	color: #ffffff;
}

/*
	%%%%%%%%%%%%%%%%%%%%%%%
	Ride&Click (randc.html)
	%%%%%%%%%%%%%%%%%%%%%%%
*/

#corpsrandc
{
	float: left;
	width: 500px;
	height: 549px;
	margin-top: 30px;
	padding: 5px;
	border: 1px solid white;
	text-align: left;
	color: #ffffff;
}

#corpsrandc p
{
	padding-left: 20px;
}

#corpsrandc h3
{
	font-size: 1.2em;
	padding-left: 20px;
}

#corpsrandc li
{
	list-style-type:none; 
}

#corpsrandc img
{
	border-style: none;
}

#corpsrandc a
{
	color: #888888;
	text-decoration: none;
}

#corpsrandc a:hover
{
	color: #ffffff;
}

.liengalerie
{
	padding-top: 100px;
	text-decoration: none;
}