/* Style pour nwesite megaphone internet */

/***__________________________  Général et divers  ____________________________***/

body 
{
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size : 0.8em;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image:url("http://www.megaphone.org/megaphone/images/ligne_droite2.gif");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
a:link { color: #FFFFFF; font-weight:bold; text-decoration: underline;}
a:visited { color: #FFFFFF; font-weight:bold;  text-decoration: underline;}
a:hover { color: #FFFFFF; font-weight:bold;  text-decoration: underline;} 
a:active  { color: #FFFFFF; font-weight:bold; text-decoration: underline;} 

img { border: none; margin: 0; padding:0; }
.imgBlanc { border:1px solid #FFFFFF; }
.clearing { clear:both; }

h1 { font-size: 1.3em; font-weight: bold }
h2 { font-size: 1.15em; font-weight: bold }
.title { font-size: 1.3em; font-weight: bold }
.small { font-size: 1.1em;}
.petit { font-size: 0.85em;}
.evidence {font-weight: bold;}
.textnoir { color: #000000;}
.textnoirgras { color: #000000; font-weight: bold}
.textgris { color: #5E5E5E;}
.texteblanc {  color: #ffffff;}
.texteblancsmall {font-size: 1.1em; color: #B3DAFF;}
.texteblancgras { color: #ffffff; font-weight: bold }

.photogauche { float:left; border-right:1px; border-right-color:#FFFFFF; border-right-style:solid;border-bottom:1px; border-bottom-color:#FFFFFF; border-bottom-style:solid; }
.photodroite { float:left; border-bottom:1px; border-bottom-color:#FFFFFF; border-bottom-style:solid; }
.fonce { background-color:#BCBCAD; padding:3px; margin:3px;}
.nomdomaine {  float:left; width:100px; height:40px;}
.fondblanc { background-color:#FFFFFF; padding:2px;text-align:center; }
 
.invisible { display:none; }
.alignToRight { float:right; }
.alignToLeft { float:left; }
.imgToBottom { margin-top:29px; padding:0; }
.imgToLeft { float:left; padding:0; margin:0; }
.faq {  float:left; height:38px; margin-right:70px; }

table { border:0; margin:0; padding:0;}
table tr { border:0; margin:0; padding:0;}
table tr td { border:0; margin:0; padding:0;}
th { display:none; }

.tableau {width:576; border:0; margin:2px; padding:2px;background-color:#3399fe;}
.tableau tr td { height:40px;}

.puce {
	vertical-align:middle;
}

.tblstats {
	width:100%;
	border-collapse:collapse;
	border:1px solid gray;
}
.col1 {
	padding:4px;
	font-weight:bold;
	border-bottom:1px solid gray;
}
.col2 {
	padding:3px;
	font-weight:bold;
	border-bottom:1px solid gray;
	text-align:right;
}
.col3 {
	padding:3px;
	font-weight:normal;
	border-bottom:1px solid gray;
}
.col4 {
	padding:3px;
	font-weight:bormal;
	border-bottom:1px solid gray;
	text-align:right;
}
.colitalic {
	padding:3px;
	font-weight:normal;
	font-style:italic;
}

/***__________________________  Liens et listes  ____________________________***/

#menuhaut a { font-size: 0.8em; color: #ffffff; text-decoration: none; font-weight : normal;}
#menuhaut a:link { text-decoration: none; color: #ffffff; font-weight : normal;text-decoration: none;}
#menuhaut a:visited{ text-decoration: none; color: #ffffff; font-weight : normal;text-decoration: none;}
#menuhaut a:active{ text-decoration: none; color: #ffffff; font-weight : normal;text-decoration: none;}
#menuhaut a:focus{ text-decoration: none; color: #ffffff; font-weight : normal;text-decoration: none;}
#menuhaut a:hover{ text-decoration: none; color: #ffffff; font-weight : normal;text-decoration: none;}

.section { font-size: 1.5em; font-weight:normal; color: #FFFFFF; font-weight : normal; }
a.section:link { text-decoration: none; color: #FFFFFF; font-weight : normal;}
a.section:visited{ text-decoration: none; color: #FFFFFF; font-weight : normal;}
a.section:active{ text-decoration: none; color: #FFFFFF; font-weight : normal;}
a.section:focus{ text-decoration: none; color: #FFFFFF; font-weight : normal;}
a.section:hover{ text-decoration: none; color: #FFFFFF; font-weight : normal;}

.menu { font-size: 1em; color: #000000; font-weight : normal; }
a.menu:link { text-decoration: none; color: #000000; font-weight : normal;}
a.menu:visited{ text-decoration: none; color: #000000; font-weight : normal;}
a.menu:active{ text-decoration: none; color: #000000; font-weight : normal;}
a.menu:focus{ text-decoration: none; color: #000000; font-weight : normal;}
a.menu:hover{ text-decoration: none; color: #000000; font-weight : normal;}

.menuCurrent { font-size: 1em; color: #FFFFFF; font-weight : bold; text-decoration: none; }
a.menuCurrent:link { font-size: 1em; color: #FFFFFF; font-weight : bold; text-decoration: none; }
a.menuCurrent:visited { font-size: 1em; color: #FFFFFF; font-weight : bold; text-decoration: none; }
a.menuCurrent:active { font-size: 1em; color: #FFFFFF; font-weight : bold; text-decoration: none; }
a.menuCurrent:focus { font-size: 1em; color: #FFFFFF; font-weight : bold; text-decoration: none; }
a.menuCurrent:hover { font-size: 1em; color: #FFFFFF; font-weight : bold; text-decoration: none; }

.lien { font-size: 1em; color: #000000; font-weight : normal;text-decoration: underline; }
a.lien:link { text-decoration: underline; color: #000000; font-weight : normal;}
a.lien:visited{ text-decoration: underline; color: #000000; font-weight : normal;}
a.lien:active{ text-decoration: underline; color: #000000; font-weight : normal;}
a.lien:focus{ text-decoration: underline; color: #000000; font-weight : normal;}
a.lien:hover{ text-decoration: underline; color: #000000; font-weight : normal;}

.copyright a { font-weight:normal; color: #b2b2b2; font-weight : normal; }
.copyright a:link { text-decoration: none; color: #b2b2b2; font-weight : normal;}
.copyright a:visited{ text-decoration: none; color: #b2b2b2; font-weight : normal;}
.copyright a:active{ text-decoration: none; color: #b2b2b2; font-weight : normal;}
.copyright a:focus{ text-decoration: none; color: #b2b2b2; font-weight : normal;}
.copyright a:hover{ text-decoration: none; color: #b2b2b2; font-weight : normal;}

#copyrightdroite {float:right; width:420px; text-align:center; margin-right:auto; margin-left:auto; color:#b2b2b2;}

ul.parent1
{
	list-style-type: none;
	background-color:#929287;
	padding:0;
	margin:0;
	border-bottom:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
}
ul.parent1 li
{
	border-top:1px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
}
ul.parent2
{
	list-style-type: none;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin:0;
	background-color:#A3A397;
	border-top:1px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
}
ul.parent2 li
{
	border:0;
	padding-bottom:1px;
}
ul.parent3
{
	list-style-type: none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	margin:0;
}
ul.parent3 li
{

}

/***__________________________  DIVs  ____________________________***/

#main
{
	width:100%;
	height:100%;
	text-align:center;
}
#header
{
	width:734px;
	height:61px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
}
#menuhaut
{	
	width:734px;
	height:22px;
	color:#FFFFFF;
	font-size:1.1em;
	background-color:#BDBCA5;
	line-height:22px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
	border-bottom:1px;
	border-bottom-color:#929287;
	border-bottom-style:solid;
}
* html #menuhaut { height:21px; line-height:20px; }/* hack pour IE min-height  */
.quinousommes {
	background-color:#ACAB97;
	padding:4px 8px 4px 8px;
	border-left:1px;
	border-left-color:#FFFFFF;
	border-left-style:solid;
}
.portfolio {
	background-color:#ACAB97;
	padding:4px 8px 4px 8px;
	border-left:1px;
	border-left-color:#FFFFFF;
	border-left-style:solid;
}
.contact {
	padding:4px 8px 4px 8px;
	background-color:#ACAB97;
	border-left:1px;
	border-left-color:#FFFFFF;
	border-left-style:solid;
}
#milieu
{
	width:734px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
}
#menu
{
	width:157px;
	height:350px;
	float:left;
	background-color:#BDBCA5;
}
#message_actu 
{
	margin: 4em 1em 0 1em;
}
#contenu
{
	float:right;
	width:576px;
	height:100%;
	font-size : 0.9em;
	text-align:left;
	border-top:1px;
	border-top-color:#F2F2F2;
	border-top-style:solid;
}
#contenu-home
{
	float:right;
	width:576px;
	height:349px;
	font-size : 1em;
	text-align:left;
	border-top:1px;
	border-top-color:#F2F2F2;
	border-top-style:solid;
	background-image:url("http://www.megaphone.org/megaphone/images/fond-degrade.jpg"); 
	background-position:top left; 
	background-repeat:repeat-y;
}
#texte
{
	float:right;
	width:340px;
	min-height:290px;
	padding:40px 40px 20px 40px;
	background-color:#BDBCA5;
	border-left:1px;
	border-left-color:#FFFFFF;
	border-left-style:solid;
}
* html #texte { height:290px }/* hack pour IE min-height  */
.textebleu
{
	color:#FFFFFF;
	background-color:#3399FE !important;
}
.textessmarges
{
	width:386px !important;
	padding:40px 17px 20px 17px !important;
}
.textelarge 
{
	width:496px !important;
	padding:40px 40px 20px 40px !important;
}
.puzzle
{
	width:536px !important;
	padding:20px 20px 20px 20px !important;
	background-color:#3399FE !important;
	color:#000000 !important;
}
.megamail
{
	width:556px !important;
	padding:10px 10px 10px 10px !important;
	background-color:#BDBCA5 !important;
	color:#000000 !important;
}
.comparatif
{
	width:576px !important;
	padding:5px 0 0 0 !important;
	background-color:#3399FE !important;
	color:#000000 !important;
}
#domaine
{
	width:188px; 
	height:99px;
	background-color:#d1d1c1;
	font-size:11px;
	border:1px;
	border-color:#FFFFFF;
	border-style:solid;
	text-align:center;
}
#spam
{
	width:188px; 
	height:99px;
	background-color:#3399FE;
	font-size:11px;
	border:1px;
	border-color:#FFFFFF;
	border-style:solid;
	text-align:center;
}
#offre
{
	float:right;
	width:159px; 
	height:69px;
	background-color:#CCFF00;
	padding:15px;
	border:1px;
	border-color:#FFFFFF;
	border-style:solid;
	text-align:center;
}
#internet {
	width:212px;
	height:81px;
	position:absolute;
	margin-top:9px;
	margin-left:40px;
}
#audio {
	width:209px;
	height:81px;
	position:absolute;
	margin-top:9px;
	margin-left:328px;
}
#liste-internet {
	position:absolute;
	margin-top:106px;
	margin-left:53px;
}
#contenu-home a { text-decoration: none; color: #000000; font-weight : normal;}
#contenu-home a:hover { text-decoration: underline; color: #000000; font-weight : normal;}

#portfolio-audio a { text-decoration: none; color: #929287; font-weight : normal;}
#portfolio-audio a:hover { text-decoration: underline; color: #929287; font-weight : normal;}

#portfolio-internet a { text-decoration: none; color: #929287; font-weight : normal;}
#portfolio-internet a:hover { text-decoration: underline; color: #929287; font-weight : normal;}

#contenu-home ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#contenu-home ul li {
	margin-bottom:4px;
}	

#slogan {
	position:absolute;
	margin-top:125px;
	margin-left:212px;
}
#liste-audio {
	position:absolute;
	margin-top:106px;
	margin-left:397px;
}
#portfolio-internet {
	position:absolute;
	margin-top:207px;
	margin-left:53px;
	width:186px;
	height:126px; 
	background-color:#E4E4E4;
	text-align:center;
}
#portfolio-audio {
	position:absolute;
	margin-top:207px;
	margin-left:338px;
	width:186px;
	height:125px; 
	background-color:#E4E4E4;
	text-align:center;
}
.portfolio-home {
	border:1px solid white;
	width:184px;
	height:105px;
}
.departement
{
	width:187px;
	float:left;
	margin: 0 2px 0 2px;
}
.portfolioimage
{
	width:185px; 
	height:126px;
	background-color:#C4C4B7;
	font-size:12px;
	border:1px;
	border-color:#FFFFFF;
	border-style:solid;
	text-align:center;
}
.portfoliolist
{
	float:right;
}
.dernier
{
	height:20px;
	line-height:20px;
	color: #5E5E5E;
	border-bottom:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
}
#photos
{
	 float:left;
	 width:155px;
	 height:348px;
	 background-color:#b2b2b2;
}
#bleu
{
	 float:left;
	 width:155px;
	 height:349px;
	 background-color:#3399FE;
}
#jaune
{
	 float:left;
	 width:155px;
	 height:349px;
	 background-color:#ffcc33;
}
#infos
{		
	clear:both;
	width:734px;
	font-size:1em;
	text-align:center;
	font-weight:bold;
	padding-top: 1em;
	margin-right:auto;
	margin-left:auto;
}
#baspage
{		
	clear:both;
	width:734px;
	font-size:0.9em;
	text-align:center;
	padding-top: 1em;
	margin-right:auto;
	margin-left:auto;
	color:#666666;
}
#copyright
{		
	clear:both;
	width:734px;
	font-size:0.9em;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding: 0.5em 0 1em 0;
	color:#b2b2b2;
}

.menuhautcourant { 	background-color:#929287; }
/***__________________________  Formulaires  ____________________________***/

label { color: #5E5E5E;  } 

form p {margin:1px;padding:1px;}

.formnoir { margin:0;padding:0; }
.formnoir label {color:#000000;}
.formnoir p {margin:0;padding:0;}
.formulaire { width:290px; margin:0;padding:0;}
.formulaire p {margin:2px;padding:2px;}
.formulaire input { float:right; }
.formulaire select { float:right; }

.formfield {
	border-right: #ffffff 1px solid;
	border-top: #999999 1px solid;
	font-size: 1.1em;
	width:150px;
	border-left: #999999 1px solid;
	color: #000000;
	border-bottom: #ffffff 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}
.formfieldlong {
	border-right: #ffffff 1px solid;
	border-top: #999999 1px solid;
	font-size: 1.1em;
	width:230px;
	border-left: #999999 1px solid;
	color: #000000;
	border-bottom: #ffffff 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}
.textarea {
	border-right: #ffffff 1px solid;
	border-top: #999999 1px solid;
	font-size: 1.1em;
	border-left: #999999 1px solid;
	color: #000000;
	border-bottom: #ffffff 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	width:300px;
	height:100px;
}
.formbutton {
	border-right: #BDBCA5 0px solid;
	bordet-top: #ffffff 1px solid;
	font-size: 1.1em;
	border-left: #BDBCA5 0px solid;
	color: #ffffff;
	border-bottom: #999999 1px solid;
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #ACAB97;
}
select {
	font-size : 1.1em;
	font-family : arial, Helvetica, sans-serif;
	font-weight : normal;
	background-color : #ffffff;
}