/* Theme Dia7 by UCAYA*/
/**
*  Keep N2 structure style
**/

/********* globals *********/

a img,table {border:0}
table {border-collapse:collapse}
caption,th,td {text-align:left}
h1,h2,h3,h4,h5,h6,p {margin: 0em;}

/* fonts & colors */
body { font:1em Arial; color:#000; }
button,select,textarea,input {font:100% Arial,SansSerif}
a { color:#00A4FF; text-decoration:none; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6,.date { font-family: Arial; color:#00A4FF; font-weight: normal;}
p { font-size: 0.8em;}

/* clearfix */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf { *display: inline-block; }
* html .cf { height: 1px; }

/********* layout *********/

#wrap, #header, #page, #main, #extras, #footer
{
    position: relative;
}

body { margin:0; padding:0; background:#000000; }
	#wrap { background: #000 url(img/background.jpg) no-repeat fixed 50% 0; }
			#header { width:990px; margin:0 auto; height:96px;}
			    #header .uc.top { position: relative; height: 96px;}
			#page { min-height: 460px; width:990px; margin:0 auto; background: transparent; }
				#content {margin-left:30px;}
					.secondary { }
					#menu { padding:0 15px;}
					#extras { }
					#main {
					min-height:100px;
					padding: 32px 8px 8px 0px;
					margin-left: 128px;
					background: url(img/background-page-header.png) repeat-x 0 0;
					}		
					    #textContent {
					    background: url(img/background-page.png) 0 0;
					    padding:0;
					    }

.siteLogo
{
    position: absolute;
    top: 12px;
    left: 24px;
}

h2.siteHeader
{
color:#FFFFFF;
font-size:0.8em;
letter-spacing:0.08em;
padding-top:48px;
text-align:right;
text-shadow:0 0 0.2em #FFFFFF;
}

.menu
{ 
    list-style: none;	
	padding: 0;
	margin: 0;
}
.menu a
{
	color: #ffffff;
	padding: 2px;
}

.topMenu
{
    position: absolute;
    top: 112px;
    width: 145px;    
    z-index: 2;
    background: url(img/blue.gif) repeat-y -2px 0;
}
    .topMenu li
    {
        text-align: right;
        text-shadow: 0 0 0.2em #ffffff;
        letter-spacing: -0.04em;
    }
    .topMenu li.current, .topMenu li:hover
    {
        background: url(img/backgroung-menu-select.gif) 0 0;
    }
        .topMenu li a
        {
            display: block;
            padding-right: 4px;
        }
    
.languageMenu
{
    position:absolute;
    right:0;
    top:0;
}
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}
	
.content-box
{    
    color: #ffffff;
    margin-bottom: 24px;
}
    .content-box, .content-box .outer, .content-box .inner
    {
        position: relative;
    }
    .content-box .inner
    {
        padding: 2px 8px 8px 16px;
    }
    .content-box .bullet
    {
        background: url(img/bullet-box.png) no-repeat 0 0;
        width: 18px;
        height: 18px;
        position: absolute;
    }
    .content-box .bullet.tl
    {
        top: 12px;
        left: -8px;
    }
    .content-box .bullet.br
    {
        bottom: 12px;
        right: -8px;
    }    
        .content-box h2
        {
            letter-spacing: -0.04em;
            text-shadow: 0 0 0.2em #4FFFEF;
        }
        .content-box h2 span 
        {
            font-size:0.9em;
            }
    
#footer .footer-info 
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 990px;
    border-top: 1px dashed #666666;
    background: url(img/background-footer.jpg) no-repeat 100% 0;
    height: 36px;
}    
    #footer .footer-info .title-social
    {
        float: left;
        height: 32px;
        color: #ffffff;
        font-weight: bold;
        font-size: 1.5em;
        letter-spacing: -0.04em;
        padding-right: 24px;
        padding-top: 2px;    
        background: url(img/background-footer.jpg) no-repeat 100% 0;
    }
    #footer .footer-info .menu-social
    {
        float: left;
        height: 32px;
        margin-left: 24px;
    }
        #footer .footer-info .menu-social ul 
        {
            height: 100%;
            list-style: none;
            margin: 0;
            padding: 0;
        }
            #footer .footer-info .menu-social ul li
            {
                float: left;
                height: 100%;
            }
                #footer .footer-info .menu-social ul li a 
                {
                    display: block;
                    height: 32px;
                    margin: 0;
                    width: 26px;
                }    
                #footer .footer-info .menu-social ul li.facebook a 
                {
                    background: url(img/facebook.png) no-repeat scroll center center;
                }
                #footer .footer-info .menu-social ul li.facebook a:hover 
                {
                    background: url(img/facebook-on.png) no-repeat scroll center center;
                }             
                #footer .footer-info .menu-social ul li.twitter a 
                {
                    background: url(img/twitter.png) no-repeat scroll center center;
                }
                #footer .footer-info .menu-social ul li.twitter a:hover 
                {
                    background: url(img/twitter-on.png) no-repeat scroll center center;
                }     
                #footer .footer-info .menu-social ul li.myspace a 
                {
                    background: url(img/myspace.png) no-repeat scroll center center;
                }
                #footer .footer-info .menu-social ul li.myspace a:hover 
                {
                    background: url(img/myspace-on.png) no-repeat scroll center center;
                } 
                
/*SOUS MENU*/
   div#ctl00_PageWrapper_Menu_sm_bsm div.
   {
       position: relative;
   }

   ul#ctl00_PageWrapper_Menu_sm_m 
   {
   position: absolute;
   bottom:50px;
   left:158px;
   z-index:900;
    }
   ul#ctl00_PageWrapper_Menu_sm_m li
{  
   display:block;
float:left;
height:40px;
letter-spacing:-0.04em;
margin-right:10px;
text-shadow:0 0 0.2em #FFFFFF;
width:180px;
    }
    ul#ctl00_PageWrapper_Menu_sm_m li a
{  
background:transparent url(img/background-page.png) repeat scroll 0 0;
border:1px solid #00A4FF;
color:#00A4FF;
display:block;
height:24px;
text-align:center;
text-shadow: 0 0 0.2em #26BAD8;
    } 
    ul#ctl00_PageWrapper_Menu_sm_m li.current a
{  
   color: white;
    background: url(img/backgroung-menu-select.gif) 0 0;
    
   }
 
 /*titre haut uc*/
 div.uc h4 
 {
    display: none;   
  }
 
/*UN_STYLE*/ 
div#un_style 
{
    display:block;
float:left;
margin:0 2px 0 0;
padding:10px 20px 10px 0;
width:244px;
    }     
    
    div#un_style h4
{
    padding:0 0 5px 0;
    text-shadow:0 0 0.2em #4FFFEF;
    }
    
    div#un_style h4.last
{
    margin-top: 75px;
    }
    
    div#un_style p
{
    padding: 0 0 10px 0;
 }
    
div#un_style img
{
    float:left;
    } 
    
p.une_volonte 
{
    width: 220px;
    float: left;
    padding-top: 20px;
    }
    
div.une_volonte 
{
    float:left;
    padding:10px;
    width: 540px;
    }
    
div.une_volonte ul li
{
    list-style-type: none;
    float:left;
    display:block;
    width: 180px;
    background-color: Black;
    margin: 0 9px 9px 0;
}

div.une_volonte ul li a
{
    display: block;
}

div.une_volonte ul li a img
{
   border: none;
}

div.une_volonte ul li a span
{
   font-size: 11px;
   text-align: center;
   display: block;
   padding: 4px 0;
}

div.produit 
{
padding:20px;
}

div.produit h3
{
padding-bottom: 10px;
}

div.produit div.image_big
{
float:left;
}

div.produit div.image_big ul li 
{
display:block;
float: left;
}
div.produit div.image_big ul li img 
{
background:transparent url(img/background-page.png) repeat scroll 0 0;
margin:5px;
padding:10px;
width:89px;
}

div.produit div.description  
{
float:right;
width:261px;
}


/*un_esprit*/
div.un_esprit 
{
padding:10px 0;
}

div.un_esprit img
{
float: left;
}

div.un_esprit img.first
{
padding-right:10px;
}

div p.un_esprit
{
float:left;
display:block;
width:240px;
padding: 10px 20px 10px 0;
}

div p.last
{
padding: 10px 0 10px 0;
}

div.ambassadeur 
{
height:297px;
margin-left:0;
position:relative;

}
div.ambassadeur div.presentation {
height:300px;
margin-left:291px;
padding:30px;
}
div.ambassadeur div.presentation img {
bottom:74px;
left:57px;
position:absolute;
}

div.la_collection {

}
div.la_collection ul {

}
div.la_collection ul li {
list-style-type: none;
border-bottom: 1px solid black;
margin-bottom: 20px;
}
div.la_collection ul li a {

}
div.la_collection ul li a div {
float: left;
}
div.la_collection ul li a div img {
width: 250px;
}
div.la_collection ul li a div.description {
float:left;
margin-left:30px;
width:455px;
}
div.la_collection ul li div.taille {
margin-left:281px;

padding-top:120px;
}


/*languageMenu*/
div.languageMenu 
{
display: none; 
}

/*hoverFlow*/
div#dia {
border: 1px solid red;
overflow: hidden;
width: 810px;
height:300px;
padding: 0;
margin: 0;
}
div#dia div#dia_images {
border: 1px solid blue;
padding: 0;
margin: 0;
margin-left:-2420.24px;
}

div#dia div#dia_images img {
border: 1px solid blue;
padding: 0;
margin: 0;
}

.imageflow .images {
overflow:hidden;
white-space:nowrap;
}

.imageflow {
text-align:right;
}

/*LOGIN*/
div#ctl00_PageWrapper_Menu_ctl00_boxLogin {

text-align:right;   
}

div#ctl00_PageWrapper_Menu_ctl00_boxLogin div.inner {
   
}

div#ctl00_PageWrapper_Menu_ctl00_boxLogin div.inner a#ctl00_PageWrapper_Menu_ctl00_Status {
padding: 2px 8px;
}

div#ctl00_PageWrapper_Menu_ctl00_boxLogin div.inner a#ctl00_PageWrapper_Menu_ctl00_Status:hover {
background:transparent url(img/backgroung-menu-select.gif) repeat scroll 0 0; 
color: White;
}


div#ctl00_PageWrapper_Menu_ctl00_boxLogin {
    
}

div#ctl00_PageWrapper_Menu_ctl00_boxLogin table#ctl00_PageWrapper_Menu_ctl00_LoginBox 
{
border: 1px solid black;
padding: 10px;
margin: 70px 0 165px 417px; 
background:transparent url(img/background-page.png) repeat scroll 0 0;
}

div#ctl00_PageWrapper_Menu_ctl00_boxLogin 
table#ctl00_PageWrapper_Menu_ctl00_LoginBox td {
padding: 10px;
}

div#ctl00_PageWrapper_Menu_ctl00_boxLogin 
table#ctl00_PageWrapper_Menu_ctl00_LoginBox label {
color: White; 
}

table#ctl00_PageWrapper_Menu_ctl00_LoginBox div.ff {
padding: 7px 5px 10px;
}

table#ctl00_PageWrapper_Menu_ctl00_LoginBox div.ff input#ctl00_PageWrapper_Menu_ctl00_LoginBox_UserName {
margin-left:10px;
width:124px;
}

table#ctl00_PageWrapper_Menu_ctl00_LoginBox div.ff input#ctl00_PageWrapper_Menu_ctl00_LoginBox_Password {
margin-left:19px;
width:124px;
}

div.bf input#ctl00_PageWrapper_Menu_ctl00_LoginBox_LoginButton
{
margin: 0 0 10px 10px;
}

/*LES valeurs*/

h2.siteHeader {
background:transparent url(img/les_valeurs.png) no-repeat scroll left top;
display:block;
height:60px;
margin-left:300px;
width:800px;  
}

h2.siteHeader a {
display: none; 
}


/*INTRO*/
div#page_acceuil {
position: relative;  
 }
 
 div#page_acceuil h2 {
border-bottom: 1px solid white;
color: white;  
}
 
div#page_acceuil h3 {
padding: 5px 0 10px 0;
color: white;  
}

div#page_acceuil div.intro {
background:transparent url(img/background-page.png) repeat scroll 0 0;
color:white;
left:30px;
padding:20px;
position:absolute;
top:74px;
width:500px;
z-index:200; 
border: 1px solid black;
 }

div#page_acceuil div.intro p {
padding: 0;
margin:0;
font-size: 14px;
 }
 
 
 /*powered by*/
 div#footer div.footer-info div.cf 
 {    
background:transparent url(img/window_azure.png) no-repeat scroll right 3px;
  }
  
  
 /*powered by*/
 div#header div.uc 
 {    
/*background:transparent url(img/version_beta.png) no-repeat scroll 300px 20px;*/
  }
 
 body.startPage #menu,
 body.startPage #ctl00_Top_tm_tm,
 body.startPage #footer 
 {
     visibility: hidden;
 }
 
 div.ambassadeur div.presentation.video
 {
 padding-top:0;
 }