@charset "utf-8"; /* CSS MA² */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none; vertical-align: baseline; background: transparent; font-family:Verdana, Arial, Helvetica, sans-serif; }
body { line-height: 18px; background:url("../images/grill.png"); }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; height:100%; vertical-align:middle; }

/* Container */
#general { position:relative; margin:0 auto; width:814px; }
#header { width:814px; height:208px; margin:0 0 70px 0; }
#colLeft {   padding:3px 19px 0 0; float:left; width:173px; }
#colRight { position:relative; float:right; width:528px; }

/* Tag HTML Default */
h1 { float:left; padding:110px 0 0 108px; }
h1 a { display:block; width:84px; height:80px; text-indent:-9999px; background:url("../images/logo-MA2.png") no-repeat; }
h2 { clear:both; margin:0 0 20px 0; padding:0 0 6px 0; /*	color:#e41c19;*/ color:#e41c19; font-size:1em; border-bottom:1px solid #e41c19; }
h2.equipe { border-bottom:1px solid #e41c19; padding:0 0 6px 0; margin:0 0 12px 0; }
h2.projets { margin:0 0 11px 0; }
h2 .date { font-size:0.9em; color:#4f4b4b; }
.awards h2 { margin:0 0 6px 0; }
h3 { margin:0; color:#787878; font-size:0.8em; }
h4 { color:#787878; font-size:0.75em; margin-top:18px; }
h3.cv { text-align:right; color:#e41c19; margin-right:0; }
h3.equipier { font-size:0.6em; margin-top:14px; color:#e41c19; line-height: 14px; }
h3.equipe { font-size:0.6em; margin-top:14px; color:#e41c19; line-height: 14px; }
p { color:#787878; font-size:0.8em; margin:0 0 18px 0; text-align:justify; }
a { color:#e41c19; }
p a.press { color:#e41c19; padding:0 0 0 14px; background:url(../images/carre-red.gif) no-repeat 0 5px; }
img.portrait { margin:10px 0 0 0; float:right; }
.recherches img { margin:0 10px 12px 0; }
ul { margin:0 0 18px 0; }
li { color:#787878; }
#colRight ul { font-size:0.8em; list-style-type:square; list-style-position:inside; }
#colRight ul li { margin:0 0 0 30px; }
#colRight.presse ul li {   margin:0 0 18px 0; }
#colRight.presse p a img{   vertical-align:middle; }
ul#fichierProjet li { margin:0; color:#e41c19; }
ul#fichierProjet li a{ margin:0; font-size:1em; }
#mapContact { position:absolute; top:380px; left:30px; width:466px; height:353px; text-indent:-9999px; background:url(../images/plan-vue-ma2.jpg) no-repeat; }

/* Page d'entrée splash */
#splash{ position:absolute; left: 50%; top: 50%; width:814px; height:500px; margin-top:-280px; margin-left:-407px; text-align:center; }
#splash h1{ background: #fff; float:none; padding: 0; position:absolute; bottom:0; right:20px; top:485px; }
#splash h1 a{ background: #fff url("../images/logo_splash.png") no-repeat right center; float: right; height: 54px; padding: 56px 92px 0 0; width: 380px; text-indent:0; font-size: 10px; color:#666; text-align: right; font-weight: normal; }
#splash #menuLangue{ height:100px; display:block; position:relative; top:30px; margin:0 0 0 700px; }
#splash #menuLangue a{ color:#444; visibility:visible; }
.inactif span{ display:none; text-transform:capitalize; white-space: nowrap; }
.inactif span.hover{ display:block; position:absolute; top:20px; left:20px; background-color:#f9f9f9; color:#666; border:1px solid #ccc; padding:0px 7px 2px 7px; }

/* Page d'accueil - Projets */
#colRight.accueilProjet ul { width:528px; list-style:none; }
#colRight.accueilProjet ul li { float:left; width:100px; height:100px; margin:0 7px 7px 0; background:#CCCCCC; }
#colRight.accueilProjet ul li.sansMargin { width:100px; height:100px; margin:0 0 7px 0; }
#colRight.accueilProjet ul li a { display:block; width:100px; height:100px; text-indent:-9999px; }
#colRight.accueilProjet ul li a:hover { background:url(../images/bg_accueilProjet.png) no-repeat; color:#FFFFFF; display:block; font-size:0.9em; height:62px; line-height:18px; padding-top:38px; text-align:center; text-indent:0; width:100px; }

/* Page d'accueil - Equipe */
#colRight.accueilProjet li.last { margin:0 0 6px 0; padding:0; }
#colRight.accueilProjet li.last a { display:block; width:96px; height:60px; padding:40px 4px 0 0; line-height:14px; font-weight:bold; font-size:9px; text-align:right; text-transform:uppercase; color:#555555; }
#colRight.accueilProjet li.last a:hover { text-align:right; width:96px; height:60px; padding:40px 4px 0 0; line-height:14px; font-size:9px; color:#fff; background:#d27f6e; }
#colRight.equipe ul { width:529px; }
#colRight.equipe li { float:left; display:block; width:83px; height:83px; margin:0 6px 6px 0; background:#CCCCCC; }
#colRight.equipe li.sans { margin:0 0 6px 0; }
#colRight.equipe li a { display:block; width:83px; height:83px; text-indent:-9999px; text-decoration:none; }
#colRight.equipe li a:hover { display:block; width:83px; height:35px; padding-top:48px; text-align:center; color:#fff; font-size:0.8em; line-height:14px; text-indent:0; background:url(../images/1px-red.png)no-repeat; }

/* Les Images : projets */
#photos{ float:left; margin:0 15px 24px 0; }
#galerieImage { position:relative; clear:both; float:left; width:316px; margin-top:11px; }
ul#galerieImage li { list-style-type:none; margin-left:0; }
/*Legende Image */
#galerieImage .legendeImage { position:relative; display:block; width:306px; height:20px; margin:-20px 0 0 0; padding:0 0 0 10px; line-height:20px; background-image:url("../images/bg_legendeImage.png"); font-size:0.8em; }
#galerieImage a .legendeImage { color:#333333; }
.premiereImage .legendeImage { position:relative; display:block; width:306px; height:20px; margin:-20px 0 0 0; padding:0 0 0 10px; line-height:15px; background-image:url("../images/bg_legendeImage.png"); font-size:0.6em; color:#333333; }
/*Projets : texte*/
#texte{ padding-top:15px; }
#colRight #navImagesProjet li{ margin-left:0; margin-right:7px; float:left; list-style-type:none; width:13px; height:13px; }
#navImagesProjet { margin:0 0 0 0; }
#navImagesProjet a{ text-align:center; color:#FFF; font-size:10px; line-height:12px; display:block; width:13px; height:13px; padding:0; background:#999; letter-spacing:-2px; }
#navImagesProjet a:hover{ background:#666; color:#FFF; }
#navImagesProjet a.actif{ background:#e41c19; }

/* Les Menus */
/* Menu Principal */
ul#menu { float:left; margin:161px 0 0 93px; }
ul#menu li { display:inline; padding:0 7px 0 0; font-size:0.8em; }
ul#menu li a { color:#3a3535; }
ul#menu li a:hover { color:#e41c19; }
ul#menu li.actif a { color:#e41c19; }

/* Sous Menu Projets */
ul#sousMenu, ul#sousMenuSpecial { text-align:right; }
ul#sousMenu li.actif a, ul#sousMenuSpecial li.actif a { color:#e41c19; }
ul#sousMenu li, ul#sousMenuSpecial li { font-size:0.7em; line-height: 14px; margin-bottom: 4px; }

/* Sous menu Projets - liste concours */
ul#sousMenu li#element_138, ul#sousMenuSpecial li, ul#sousMenu li#projetsDivers { margin-top:20px; }
ul#sousMenu li#retour { margin:0 0 20px 0; }

/* END ous menu Projets - liste concours */
ul#sousMenu li a, ul#sousMenuSpecial li a { color:#a2a2a2; }
ul#sousMenu li a:hover, ul#sousMenuSpecial li a:hover { color:#e41c19; }

/* Sous Menu news */
ul#sousMenu.news { margin:0 19px 12px 0; }
ul#sousMenu.news li { font-size:0.8em; color:#c5c5c5; }
ul#sousMenu.news li.actif { color:#e41c19; }
ul#sousMenu.news .equipier { }

/* Menu Langue */
ul#menuLangue { width:auto; margin:0 0 0 284px; }
ul#menuLangue li { color:#666; font-size:0.7em; display:inline; margin:0 4px 0 0; text-transform:uppercase; }
ul#menuLangue li a{ color:#bbbbbb; visibility:hidden; }
ul#menuLangue li a:hover{ color:#e41c19; }
ul#menuLangue li a.actif{ color:#e41c19; }
.left{ float:left; margin-right:10px; margin-bottom: 10px; }