@charset "utf-8";
/* CSS Document */

body
{
background-image:url(img/background.jpg);
}

div.fond
{
margin : 0 auto;
width:850px;
height:580px;
background-image:url(img/portfolio_crea.png);
background-repeat:no-repeat;
}

a img
{
  border: none;
}

.menu
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:6px;
width:800px;
text-align:right;
font-weight:bold;
}

.submenu
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:15px;
left:160px;
font-weight:bold;
}

.submenuselect
{
color:#00D259;
}

.submenuunselect:hover
{
color:#00D259;
}

.submenuunselect
{
color:black;
}

.menuselect
{
color:white;
}

.menuselect:hover
{
color:white;
}

.menuunselect:hover
{
color:white;
}

.menuunselect
{
color:black;
}

div.titre
{
background-image:url(img/titre_crea.png);
position:relative;
width:483px;
height:42px;
top:15px;
left:20px;
}

a
{
color:#000000;
}

a:hover
{
color:#00d259;
}

.infosUnA
{
font-family:Tahoma, sans-serif;
font-size:14px;
position:relative;
top:230px;
left:50px;
}

.UnA
{
font-family:Tahoma, sans-serif;
font-size:14px;
position:relative;
top:220px;
left:50px;
font-weight:bold;
}

.infosDeuxA
{
font-family:Tahoma, sans-serif;
font-size:14px;
position:relative;
top:190px;
left:100px;
}

.DeuxA
{
font-family:Tahoma, sans-serif;
font-size:14px;
position:relative;
top:180px;
left:100px;
font-weight:bold;
}

.infosTroisA
{
font-family:Tahoma, sans-serif;
font-size:14px;
position:relative;
top:110px;
left:50px;
}

.TroisA
{
font-family:Tahoma, sans-serif;
font-size:14px;
position:relative;
top:100px;
left:50px;
font-weight:bold;
}

.piedepage
{
position:relative;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
font-family:Tahoma, sans-serif;
top:10px;
width:850px;
text-align:center;
margin:0 auto;
}

.menu span
{
color:#FFFFFF;
}

.infos_iut
{
font-family:Tahoma, sans-serif;
font-size:15px;
position:relative;
top:-130px;
left:130px;
}

.img_iut
{
position:relative;
top:200px;
left:330px;
}

.infos_divers
{
font-family:Tahoma, sans-serif;
font-size:15px;
position:relative;
top:220px;
left:110px;
}

/************************************** OREHHO ********************************************/

.miniatures_orehho
{
position:relative;
top:-80px;
left:170px;
}

.orehho_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:450px;
text-align:justify;
}

.orehho_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
width:600px;
text-align:right;
}

.orehho_ddl img
{
position:relative;
top:5px;
}

#orehho_video
{
position:relative;
left:570px;
top:-180px;
}

/*********************************** NATOORA ********************************************/
.miniatures_natoora
{
position:relative;
top:200px;
left:150px;
}

.natoora_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:180px;
left:150px;
width:600px;
text-align:justify;
}

/*********************************** ANTRECOTE ********************************************/
.miniatures_antrecote
{
position:relative;
top:110px;
left:140px;
}

.antrecote_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:700px;
text-align:justify;
}

.antrecote_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-20px;
width:600px;
text-align:right;
}

.antrecote_ddl img
{
position:relative;
top:5px;
}

/*********************************** ATUIN ********************************************/
.miniatures_atuin
{
position:relative;
top:100px;
left:240px;
}

.atuin_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:680px;
text-align:justify;
}

.atuin_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-10px;
width:600px;
text-align:right;
}

.atuin_ddl img
{
position:relative;
top:5px;
}

/*********************************** HIRAGANA ********************************************/
.hiragana_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:680px;
text-align:justify;
}

.hiragana_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-10px;
width:600px;
text-align:right;
}

.hiragana_ddl img
{
position:relative;
top:5px;
}

.hiragana_module
{
position:relative;
top:80px;
left:280px;
}

/*********************************** TETES OP ********************************************/
.tete_op_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:680px;
text-align:justify;
}

.tete_op_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-10px;
width:600px;
text-align:right;
}

.tete_op_ddl img
{
position:relative;
top:5px;
}

.tete_op_module
{
position:relative;
top:80px;
left:280px;
}

/*********************************** INTRO OP ********************************************/
.intro_op_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:680px;
text-align:justify;
}

.intro_op_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-10px;
width:600px;
text-align:right;
}

.intro_op_ddl img
{
position:relative;
top:5px;
}

.intro_op_module
{
position:relative;
top:80px;
left:230px;
}

/*********************************** MOUTON ********************************************/
.mouton_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:680px;
text-align:justify;
}

.mouton_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-10px;
width:600px;
text-align:right;
}

.mouton_ddl img
{
position:relative;
top:5px;
}

.mouton_module
{
position:relative;
top:80px;
left:230px;
}

/*********************************** GLOBULOX ********************************************/

.globulox_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:680px;
text-align:justify;
}

.globulox_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-20px;
width:630px;
text-align:right;
}

.globulox_ddl img
{
position:relative;
top:5px;
}

.miniatures_globulox
{
position:relative;
top:70px;
left:170px;
}

/*********************************** POO ********************************************/

.poo_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:680px;
text-align:justify;
}

.poo_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:0px;
left:40px;
width:630px;
text-align:right;
}

.poo_ddl img
{
position:relative;
top:5px;
}

#poo_video
{
position:relative;
left:150px;
top:00px;
}

/*********************************** ORGANIC ********************************************/

.organic_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:100px;
left:100px;
width:680px;
text-align:justify;
}

.organic_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:40px;
width:630px;
text-align:right;
}

.organic_ddl img
{
position:relative;
top:5px;
}

.miniatures_organic
{
position:relative;
top:200px;
left:50px;
}

/*********************************** MQQVF ********************************************/

.mqqvf_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:700px;
text-align:justify;
}

.mqqvf_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-10px;
left:80px;
width:600px;
text-align:right;
}

.mqqvf_ddl img
{
position:relative;
top:5px;
}

.mqqvf_video
{
position:relative;
top:-15px;
left:120px;
}

/*********************************** Mondes Engloutis ********************************************/
.miniatures_me
{
position:relative;
top:110px;
left:50px;
}

.me_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:700px;
text-align:justify;
}

.me_ddl
{
margin:0px;
padding:0px;
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-20px;
width:600px;
text-align:right;
}

.me_ddl img
{
position:relative;
top:5px;
}

/*********************************** Glubies Planet ********************************************/

.gp_infos
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:80px;
left:100px;
width:700px;
text-align:justify;
}

.gp_infos2
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
left:100px;
width:620px;
text-align:right;
}

.gp_img1
{
position:relative;
top:-250px;
left:450px;
}

.gp_img2
{
position:relative;
top:-110px;
left:-250px;
}