@media (max-width: 991px)
{
#HEADER-DIV,
#TOP-MENU			{width:100%; }

#FOOTER-DIV			{width: 90%; }
.CONTENT .TITRE	{width: 100%; }
.ACCUEIL-LIENS		{width: 100%; }
.TITRE-IMAGE		{width: 100%; }
.STRIP-IMAGE		{height: 100% !important; }
.COL-GROUP			{height: 100% !important; }
}
@media (min-width: 768px) /* TABLETTE */
{
.MOBILE 				{display: none !important; }
.HEADER-IMG			{height: 358px; }

/* ACCUEIL HEADER FOOTER */
.ACCUEIL-LIENS DIV			{width: 32%; }
.ACCUEIL-LIENS DIV IMG		{width: 100%; max-width: 320px; }

.BLOC-IMG-TXT					{height: 119px; text-align: left; }

#FOOTER-MENU					{display: inline; }
#COPYRIGHT						{float: right; text-align: right; }

#COPYRIGHT P:first-child	{display: none; }

/* REALISATIONS */
#REALISATIONS					{padding: 3px; }
#REALISATIONS A IMG			{box-shadow: 0 0 0 3px rgba(157,157,157,0); transition: 0.2s; }
#REALISATIONS A IMG:hover	{box-shadow: 0 0 0 3px rgba(157,157,157,0.5); }

.WIN-FILTER						{position: fixed; z-index:1000; left: 0; top:0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; text-align: center; padding: 20px; }
.WIN								{display: inline-block; width: auto; text-align: left; background-color: white; border-radius: 15px; padding: 10px; position: relative; z-index:1010; top: 50px; }
.REALISATION-IMG-BIG			{width: auto; }
.DOUCHE							{width: auto; height: auto;}
.WIN-CLOSE						{position: relative; width: 30px; height: 30px; margin-left: -30px; z-index:1011; background-image: url("Image/Close.png"); cursor: pointer; float: right; left: 20px; top: -20px; }

.STRIP-IMAGE-REA				{padding: 60px 0; }

/* CONTACT */
.COL-6				{width: 29%; padding-right: 3%; }
.COL-7				{width: 67%; }

.FORM .F-COL-1					{width: 30%; }
.FORM .F-COL-2					{width: 69%; }
.FORM .F-COL-2 input,
.FORM .F-COL-2 textarea		{width: 98%; }

}
@media (max-width: 767px) /* MOBILE */
{
.DESKTOP 			{display: none !important; }

/* ACCUEIL HEADER FOOTER */
#TOP-HEADER-MOB				{padding: 3px 0; position: fixed; left: 0; right: 0; box-shadow: 0 5px 8px 0 rgba(0,0,0,0.1);}
#TOP-HEADER-MOB DIV P		{color: #041580; font-weight: bold; margin: 0; }

.CONTENT							{width: 90%; }
.CONTENT .TITRE				{text-transform: uppercase; color: #02148C; font-weight: bolder; font-size: 20pt; line-height: 100%;  }
.CONTENT .TITRE SPAN			{color: #24B143 !important; }
.CONTENT .DESCRIPTION 		{font-weight: bolder; color: #02148C; font-size: 12pt; }

.ACCUEIL-LIENS DIV IMG		{width: 100%; max-width: 226px; }

.BLOC-IMG-TXT					{width: 100%; }
.BLOC-IMG-TXT DIV				{display: inline-block;  vertical-align: top; }
.BLOC-IMG-TXT IMG				{width: 95%; max-width: 150px; }
.BLOC-IMG-TXT P				{display: inline-block; }

.TITRE-IMAGE					{max-width: 466px; }

#FOOTER-MENU					{display: block; text-align: center; }
#COPYRIGHT						{text-align: center; margin-top: 15px; }

/* REALISATIONS */
.WIN-FILTER						{position: fixed; z-index:1000; left: 0; top:0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; text-align: center; padding: 20px; }
.WIN								{width: auto; text-align: center; background-color: white; border-radius: 15px; padding: 10px; z-index:1010; 
									 max-width: 100%; max-height: 100%; height: auto;  position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; }
.REALISATION-IMG-BIG			{margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 95%; max-height: 95%; }
.DOUCHE							{width: auto; height: auto;}
.WIN-CLOSE						{position: relative; width: 30px; height: 30px; margin-left: -30px; z-index:1011; background-image: url("Image/Close.png"); cursor: pointer; float: right; left: 20px; top: -20px; }

.STRIP-IMAGE-REA				{padding: 20px 0; }

/* CONTACT */
.SEPARATEUR-BLEU				{border-bottom: 1px solid #031581; margin-bottom: 20px; width: 100%; }
.COL-6							{width: 100%; }
.COL-7							{width: 100%; }
}

/* ---------------------- GÉNÉRALES ------------------------ */

@media (min-width: 992px)
{
/* ACCUEIL HEADER FOOTER */
#HEADER-DIV,
#TOP-MENU			{width: 960px; }
#MENU-SIDE A		{padding: 13px 20px; }
#HEADER-LOGO		{position: absolute; top: 8px; left: 0;}

#FOOTER-DIV			{width: 960px; }
.CONTENT				{width: 960px; }
.CONTENT .TITRE	{width: 960px; }
.ACCUEIL-LIENS		{width: 960px; }
.TITRE-IMAGE		{width: 960px; }

.STRIP-IMAGE		{height: 194px !important; }

.COL-1				{width: 310px; }
.COL-2				{width: 630px; }

/* PRODUITS */
.COL-3				{width: 310px; }
.COL-4				{width: 630px; }
.COL-5				{width: 295px; }

/* REALISATIONS */
.REALISATION-IMG	{float: left; }

}
@media (min-width: 768px) and (max-width: 991px)
{
/* ACCUEIL HEADER FOOTER */
#MENU-SIDE A		{padding: 8px 10px; } 
#HEADER-LOGO		{position: absolute; top: 40px; left: 0;}
#HEADER-LOGO IMG	{width: 300px; }

.CONTENT				{width: 90%; }

.COL-1							{width: 30%; }
.COL-2							{width: 67%; }

/* PRODUITS */
.COL-3				{width: 30%; }
.COL-4				{width: 67%; }
.COL-5				{width: 49%; }
}
@media (min-width: 480px) and (max-width: 767px)
{

BODY												{margin-top: 68px; }
.HEADER-IMG										{height: 200px; }
.STRIP-IMAGE-MAP iframe						{height: 200px; }

/* ACCUEIL HEADER FOOTER */
#MENU-DEROULANT-MOB							{top: 68px; }
#TOP-HEADER-MOB								{top: 0px; background-color: #fff; }
#TOP-HEADER-MOB DIV							{display: inline; float: right; padding: 13px 10px 0 0; }
#TOP-HEADER-MOB DIV P						{text-align: right; }
#TOP-HEADER-MOB DIV P:first-child		{font-size: 8pt; }
#TOP-HEADER-MOB DIV P:last-child			{font-size: 12pt; }

.ACCUEIL-LIENS DIV							{width: 32%; }

.BLOC-IMG-TXT									{text-align: left; }
.BLOC-IMG-TXT DIV								{width: 25%; padding-right: 10px; }
.BLOC-IMG-TXT P								{width: 71%; }

.COL-1											{width: 50%; }
.COL-2											{width: 46%; }
.COL-2 iframe									{margin-bottom: -15px; }
.COL-2 P											{font-size: 8pt; }

#COPYRIGHT P:first-child					{display: none; }

/* PRODUITS */
#LEFT-NAV			{display: inline-block; width: 40% !important; vertical-align: top; }
.SIDE-BOX			{display: inline-block; width: 36% !important; vertical-align: top; }
.COL-3>A				{width: 58%; display: inline-block; text-align: center;}
.COL-3>A	IMG		{width: 100% !important; }
.COL-3				{width: 100%; padding-bottom: 20px; border-bottom: 1px solid #031581; margin-bottom: 20px;  }
.COL-4				{width: 100%; }
.COL-5				{width: 49%; }

/* REALISATIONS */
.WIN					{margin: 5%; }

/* CONTACT */
.COL-8, .COL-9					{width: 49%; display: inline-block; vertical-align: top; }

.FORM .F-COL-1					{width: 30%; }
.FORM .F-COL-2					{width: 69%; }
.FORM .F-COL-2 input,
.FORM .F-COL-2 textarea		{width: 98%; }
}
@media (max-width: 479px)
{

BODY												{margin-top: 86px; }
.HEADER-IMG										{height: 150px; }
.STRIP-IMAGE-MAP iframe						{height: 200px; }
.PLUS-480										{display: none; }

/* ACCUEIL HEADER FOOTER */
#MENU-DEROULANT-MOB							{top: 87px; }
#TOP-HEADER-MOB								{top: 21px; background-color: #fff;}
#TOP-HEADER-MOB DIV							{background-color: #fff; border-bottom: 1px solid #ededed; padding: 1px 10px; position: fixed; top: 0; left: 0; right: 0; }
#TOP-HEADER-MOB A+A IMG						{width: 130px; margin: 2px 0; }
#TOP-HEADER-MOB DIV P:first-child		{display: none; }
#TOP-HEADER-MOB DIV P:last-child			{font-size: 10pt; text-align: right; }

.ACCUEIL-LIENS DIV							{width: 100%; }

.BLOC-IMG-TXT									{text-align: center; }
.BLOC-IMG-TXT DIV								{width: 100%; padding-bottom: 10px; }
.BLOC-IMG-TXT P								{width: 100%; }

#COPYRIGHT P:last-child						{display: none; }

/* PRODUITS */
.COL-3				{width: 100%; padding-bottom: 20px; border-bottom: 1px solid #031581; margin-bottom: 20px;  }
.COL-4				{width: 100%; }
.COL-5				{width: 100%; }

/* REALISATIONS */
#REALISATIONS A	{max-height: 140px; width: 48%; display: inline-block; overflow: hidden; margin: 0.5%; }
.REALISATION-IMG	{width: 100%; height: auto !important; }

.WIN					{margin: 10%; }

/* CONTACT */


.FORM .F-COL-1					{width: 100%; }
.FORM .F-COL-2					{width: 100%; }
.FORM .F-COL-2 input,
.FORM .F-COL-2 textarea		{width: 95%; }
}
@media (min-width: 480px)
{
.MOINS-480										{display: none; }
}